[COLOR=#444444][FONT=Open Sans]hallo zusammen!
[/FONT][/COLOR]
[COLOR=#444444][FONT=Open Sans]ich habe ein problem und zwar möchte ich im 2012 theme ein Logo im header einbinden, dass ganz links floatet und eine weitere Grafik auf gleicher höhe, die komplett rechts floatet. hat jemand eine Idee?
[/FONT][/COLOR]
[COLOR=#444444][FONT=Open Sans]momentan sieht das in der header.php innerhalb des child themes so aus:
[/FONT][/COLOR]
[COLOR=#444444][FONT=Open Sans]<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<hgroup>
<img alt="Logo" src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/RZ_logo_left.jpg" />
<img alt="Logo" src="<?php bloginfo('wpurl'); ?>/wp-content/uploads/RZ_logo_right.jpg" />
<div id="logo-right">
<h1 class="site-title">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<div class="clear"></div>
</hgroup>
[/FONT][/COLOR]
[COLOR=#444444][FONT=Open Sans]vielen lieben dank! :)
Alin[/FONT][/COLOR]
twenty twelve: eine grafik im header links, eine zweite rechts floaten?
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
link zur seite?
-
Ach so, ja klar: http://haywain.com/wordpress/
Danke für die Hilfe.
-
Hat jemand einen Tip? Ich erwarte kein Silbertablett, nur einen Hinweis, damit ich hier weiter komme... 1000 Dank! :)
-
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. -
oh, du hast recht. da habe ich mal viel zu kompliziert gedacht... danke dir!
-
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:
http://www.behindertenbeirat-gladbeck.deTrotzdem an alle nochmal mein Dank für Eure Bemühungen
-
Alles anzeigen
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 rel="nofollow" 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:
http://www.behindertenbeirat-gladbeck.deTrotzdem 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/upl…ip-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/upl…etter-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.
-
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 breitmache 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/word…bildes-anpassen
(Funktioniert auch für Twenty Twelve)Später werde ich da aber noch weitermachen, ist nicht fertig.... danke erstmal
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!