twenty twelve: eine grafik im header links, eine zweite rechts floaten?

link zur seite?

 

Wenn ich es richtig sehe, dann hat der Image-Container selbst kein CSS. Also gilt für beide Bilder die Positionierung des übergeordneten Containers. Meiner Meinung nach brauchst du da noch eine CSS-Anweisung, dani das zweite Bild immer rechts steht. (style=“float:right“)
Füge das doch mal testweise dem zweiten Bild hinzu.

 

Ich habe das gleiche Problem wie Alin und habe mich auch an die bisher erwähnten Anweisungen/Vorschläge gehalten. Es ist aber zum Haare ausreissen, ich bekomme es trotzdem nicht hin.

Hier der Code:

<header id="masthead" class="site-header" role="banner">
<hgroup>
<img style=“float:left“ src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2015/02/logo_bb.png"/>
<img style=“float:right“ src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2015/02/gladbeck-logo.jpg"/>
<div id="logo-right">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<div class="clear"></div>
</hgroup>

Der Header sieht aber leider dennoch wie folgt aus:



Hat noch jemand bitte eine Idee ?

Vielen Dank.
Ach so, ich kann keinen Link zur Seite geben, weil die noch nicht offiziell freigegeben und im Wartungsmodus ist

 

Würde mich auch sehr interessieren, weil ich mit meinem Blog was ähnliches machen will. Wenn Ihr es herausgefunden habt, seid doch bitte so nett und schreibt es hier, danke

 

Der Terrier in mir hat gesiegt und ich habe es hinbekommen !
Bisher hatte ich ja den code float:right benutzt und es hat nicht funktioniert.
Das Zauberwort heisst align.

So sieht mein code nun aus:

"<header id="masthead" class="site-header" role="banner">
<hgroup>
<img src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2015/02/logo_bb.png"/>
<img class="alignright" style="width:270px" "height:210px" src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2015/02/gladbeck-logo.jpg"/>
<div id="logo-right">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<div class="clear"></div>
</hgroup"

Ab morgen, 12.02.15, wird die website freigeschaltet und ihr könnt dann das Ergebnis sehen:
www.behindertenbeirat-gladbeck.de

Trotzdem an alle nochmal mein Dank für Eure Bemühungen

 

Deine Seite befindet sich aber noch im Wartungsmodus. Ist das so beabsichtigt?

Würd mir gern mal den Header anschauen. Der Beagle in mir möchte es auch hinbekommen

 

Ja, die Seite bleibt leider erstmal im Wartungsmodus.
Ich habe aus rechtlichen Gründen keine Freigabe bekommen.
Das bedaure ich natürlich sehr, denn da steckt doch Einiges an Arbeit und Gefummel hinter

 

Hallo mal wieder,

ich habe es bisher leider nicht hinbekommen.

Mit dem Code, den Koffie-zius empfohlen hat, hat es bei mir leider nicht geklappt. Die zwei Bilder wurden trotz Größenangabe nicht kleiner angezeigt.

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.

Link zur Seite: http://www.message-for-you.net

Könnt Ihr mir bitte weiterhelfen?

LG

 

Kann niemand damit helfen?

Kann es vielleicht daran liegen, dass der Header zu groß ist? Aber der lässt sich mit dem Theme ja auch nicht viel kleiner bekommen.

 

alle diese Bilder sind einfach zu breit

mache sie kleiner, die beiden

 

Danke @Monika ,

ich habe die zwei Bilder kleiner gemacht.

Habe dann aber auch den Header kleiner gemacht, weil die sonst nicht in eine Reihe gepasst hätten. Hier habe ich herausgefunden, wie man den Header kleiner bekommt: http://logisticoffice.org/wordpress/wordpress-theme-twenty-eleven-grose-des-header-bildes-anpassen
(Funktioniert auch für Twenty Twelve)

Später werde ich da aber noch weitermachen, ist nicht fertig.... danke erstmal