Beiträge von modbot

modbot

Sorry, bei dem target="", dass hab ich eigtl drin
Das hab ich versehentlich vergessen.

Ich hab mal ein Bild dazu hochgeladen
So sieht das aktuell bei mir aus
An sich passt alles, bis auf die Position des PDF Feldes.

und das wenn ich das ganze nochmal auf der Website einbinde und die Boxhöhe anpasse, bei beiden Rubriken angepasst wird.
(vieleicht sollte ich dazu sagen, dass ich meine website mit jimdo erstellt habe und nur diese html dokumente einbinde.

Im Prinzip habe ich dann mehrere überschriten unter denen jeweils dieses Dokument mit dne verschiedenen Produkten kommt.

Bei der zweiten Rubrik z.B. ist die Kurzbeschreibung der Produkte etwas länger als bei der ersten Rubrik, weswegen ich die Höhe der Box anpassen möchte.
Wenn ich diese dann größer mache ändert sich auch automatisch die Größe der ersten Rubrik.

Ich hoffe das war verständlicher erklärt.

Hier ist nochmal die originaldatei von dem im Bild gezeigten Produkt:

HTML

<style type="text/css">
/*<=!=[=C=D=A=T=A=[*/
    #nrall
    {
        width: 200px;
        height: 205px;
        float: left;
        padding: 15px;
        background-color: none;
        border: 1px solid #aaaaaa;
        display: inline;
        margin: 13px;
    }
    #nrall img
    {
        width: 100%;   
        display: block;
    }
    #nrall h3
    {
        display: block;  
        size: 1.3em;
        margin: 30px 0 15px 0;
        text-align: center;
    }
    #nrall small
    {
        color: #777777;
        size: 0.8em;
        text-align: center;
    }
    #nrall p
    {
        margin: 15px 0;   
        text-align: center;
    }
    #nrall a
    {
        margin: 15px 0;  
        color: #000000;
        background-color: #00dddd;
        padding: 7px 13px;
        display: block;
        text-align: center;
        background-image: url(https://u.jimcdn.com/cms/o/sca80463b5ba18af8/userlayout/img/pdf.png?t=1527333965);
        background-repeat: no-repeat;
        background-position: 10px 50%;

    }
/*]=]=>*/
</style>
<div id="nrall">
    <img src="https://merbold-electronic.de/wp-content/uploads/214100.jpg" />
    <h3>
        Rear Axle Control
    </h3>
    <small>Artikelnummer: ME-211100</small>
    <p>
        Hinterachslenker
    </p>
    <a href="https://merbold-electronic.de/wp-content/uploads/214100_Anleitung_Drehwinkelsensor.pdf" target="_blank">PDF Anleitung</a>
</div>

Alles anzeigen

Vielen Dank

modbot

Hallo

Ich habe auf meiner Webiste einzelne Boxen erstellt, in denen unterhalb eines Bildes und 3 Textzeilen (verschieden lange Texte) ein Button ist, der zu einem Link weiterleitet.

Die Texte orientieren sich an dem Text der darüber steht.

Allerdings möchte ich den Button immer an der selben Position im unteren Bereich der Box fixieren.

Könnt ihr mir vielleicht sagen wie das geht?

Hier der Quellcode:

HTML

<style type="text/css">
/*<=!=[=C=D=A=T=A=[*/
    #nrall
    {
        width: 200px;
        height: 205px;
        float: left;
        padding: 15px;
        background-color: none;
        border: 1px solid #aaaaaa;
        display: inline;
        margin: 13px;
    }
    #nrall img
    {
        width: 100%;   
        display: block;
    }
    #nrall h3
    {
        display: block;  
        size: 1.3em;
        margin: 30px 0 15px 0;
        text-align: center;
    }
    #nrall small
    {
        color: #777777;
        size: 0.8em;
        text-align: center;
    }
    #nrall p
    {
        margin: 15px 0;   
        text-align: center;
    }
    #nrall a
    {
        margin: 15px 0;  
        color: #000000;
        background-color: #00dddd;
        padding: 7px 13px;
        display: block;
        text-align: center;
        background-image: url(https://u.jimcdn.com/cms/o/sca80463b5ba18af8/userlayout/img/pdf.png?t=1527333965);
        background-repeat: no-repeat;
        background-position: 10px 50%;

    }
/*]=]=>*/
</style>
<div id="nrall">
    <img src="Bild_Link" />
    <h3>
        Überschrift
    </h3>
    <small>Artikelnummer: Nummer</small>
    <p>
        Kurzbeschreibung
    </p>
    <a href="Links zum PDF Dokument"_blank">PDF Anleitung</a>
</div>

Alles anzeigen

Dabei hat mir ein Kumpel geholfen, aber mit meinem oben beschriebenen Porblem konnte er mir nicht helfen.

Auf meiner Website habe ich den selben Quellcode zwei mal importiert, weil dazwischen noch unterkategorien usw. komen.
Allerdings soll bei der zweiten Rubrik eine andere Box-Height verwendet werden. Jedoch wird diese dan automatisch für alle Boxen auf der Seite übernommen, auch für die aus der ersten Rubrik.

Ich hoffe ihr habt ne Idee wie ich das ändern kann.

Vielen Dank

Beiträge von modbot

Postion von Inhalten in einer Box definieren

Postion von Inhalten in einer Box definieren