Wie bekomme ich den Beagle links neben den Header? :-)

butterfly7 · 18. Mai 2015

Hi

ich hatte schon mal vor längerem in einem anderen Thread gefragt:

http://forum.wpde.org/design/124033-twenty-twelve-eine-grafik-im-header-links-eine-zweite-rechts-floaten-2.html#post613504

Bitte habt Verständnis, dass ich dazu jetzt doch mal einen neuen Thread eröffne. Wie Ihr in dem anderen Thread sehen könnt, versuche ich das ja schon seit Februar.... :!:

Es geht darum, ein Bild neben dem Header links und ein anderes Bild rechts neben dem Header zu haben.

Dazu nochmal meine Info:

Außerdem will ich in den Bildern Links drin haben, dass man sie anklicken kann.

Ich hab es dann mit dem folgenden Code probiert, den ich ein paar mal geändert habe:

</hgroup> <p style="text-align: right;"><a href="http://www.message-for-you.net/trolley-token/"><img class="Found a trolley coin? Click here! alignright wp-image-777" title="Found a trolley coin? Click here!" src="http://www.message-for-you.net/wp-content/uploads/MFY-Einkaufswagenchip-gefunden.png" alt="MFY-Einkaufswagenchip gefunden" width="143" height="125" /></a></p> </hgroup> <p style="text-align: left;"><a href="http://www.message-for-you.net/childrens-page"><img class="Beagle-with-letter-MFY-2 alignleft wp-image-777" title="Message For You!" src="http://message-for-you.net/wp-content/uploads/Beagle-with-letter-MFY-2.png" alt="Beagle-with-letter-MFY-2" width="205" height="154" /></a></p>

Vorher hatte ich nur das Bild mit dem Einkaufswagenchip rechts neben dem Header stehen, das ging so auch gut. Leider klappt es mit beiden Bildern nicht. Das Bild mit dem Beagle soll links vom Header stehen.
Die Größe von den Bildern ist so in Ordnung, aber sie stehen nicht links und rechts neben dem Header.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Link zur Seite steht in der Signatur.

Danke für jede Hilfe

LG Julia

butterfly7 · 2. Juni 2015

Hey, echt schade, dass wohl niemand helfen kann/mag...

Ich lass das jetzt erstmal so mit den Bildern beim Header stehen und warte mal ab, ob doch noch eine Lösung kommt. Leider sind die Ladezeiten jetzt noch länger geworden, kommt mir so vor.
Wer eine Idee wegen meiner Frage hat, kann mich auch gerne mal anschreiben. Danke

butterfly7 · 4. Juni 2015

Habe vorerst eine Lösung gefunden, bis mir was Besseres dazu einfällt. (Im anderen Thread - oben verlinkt - geschrieben)

LG

dergloeckner · 4. Juni 2015

Da musst du in der Datei header.php doch jeweils ein DIV für das Bild links und das Bild rechts hinzufügen. z.B. <div id="bild_links"><img src="wodasbildhaltliegt"></img></div>
das gleich für rechts und dann beide jeweils in der CSS Datei einmal auf float:left; für das linke und float:right; für das rechte setzen.
Den Header als solches müsstest du dann auch noch float:left; oder float:right; setzen.

Sollte gehen
Darfst gern mal dein header.php File posten.

butterfly7 · 4. Juni 2015

Hi, danke Dir für Deine Tipps... aber ich wart erstmal damit... Will das später nochmal probieren und evtl. noch bisschen anders umsetzen.

dergloeckner · 4. Juni 2015

Kein Problem, wenn du ne Frage hast, darfst du die gern hier stellen. Ich bin mal so nett und helf dir dann auch, da es ja schon länger nicht funktioniert

Soll es für Message-for-you.net sein?

Der Beagle ist ja richtig platziert aber rechts stimmt scheinbar nicht so ganz

Außerdem würde ich das mit dem Hintergrund anders machen. Diese Kacheln sehen nicht so schön aus

WPDE.org

Wie bekomme ich den Beagle links neben den Header? :-)

butterfly7 Well-Known Member

butterfly7 Well-Known Member

butterfly7 Well-Known Member

dergloeckner Member

butterfly7 Well-Known Member

dergloeckner Member

Nützliche Suchen

Wie bekomme ich den Beagle links neben den Header? :-)

butterfly7 Well-Known Member

butterfly7 Well-Known Member

butterfly7 Well-Known Member

dergloeckner Member

butterfly7 Well-Known Member

dergloeckner Member