Header-Bild verschiebt sich
-
Helloo!!
Ich brauch wieder mal eure nette Hilfe. Und zwar, möchte ich ein Bild über mein Header rauf klatschen, welches genau so groß ist wie der Header selbst. Aber irgendwie verschiebt sich das Bild, hier http://testgermannaruto.wordpress.com/
Muss ich einen bestimmten code zum fixieren einfügen?
Danke im Voraus :)
Gruß, Omar
Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
-
-
-
Dann versuch mal das hier:
<a style="position:absolute;top:48px;right:234px;" href="http://germannaruto.wordpress.com"><img src="http://www.bilder-hochladen.net/files/98fx-6h.png" alt="naruto shippuuden" /></a> -
Vielen Dank für die Hilfe :D
Klasse, die Höhe stimmt jetzt. Das Bild muss aber noch ein Stück nach links!
Gruß
-
Edit: Ich habs jetzt hinbekommen. Hab den Wer auf „323“ bei „right:323px“ geändert. Nochmal vielen Dank für die Hilfe, ihr seit einfach ein klasse Forum, dickes Lob! :-)
Gruß, Omar
-
Ich hoffe ich spamme jetzt nicht, aber hab grad bemerkt, dass sich die Header-Position bei jeden Browser verändert.
Firefox: http://www.bilder-hochladen.net/files/98fx-6j-jpg.html
Chrome: http://www.bilder-hochladen.net/files/98fx-6k-jpg.html
IE: http://www.bilder-hochladen.net/files/98fx-6i-jpg.html
Wieso ist das so?
-
Das Problem ist noch viel schlimmer. Ändere mal die Größe des Browsers, dann siehst du wie das Banner sich verschiebt.
Mit „position: relative; top-15px; right: -15px;“ geht es, aber da gibt er den Platz des verschobenen Elementes nicht wieder frei und zerhaut dir so auch das Layout.
Eigentlich ist diese Funktion halt dazu gedacht ein Banner einzublenden, deshalb hat die Klasse, in die es eingebunden wird einen Abstand von 15 Pixel nach rechts und oben. Mit dem CSS-Upgrade könnte man dieses Abstand entfernen. Aber so …
Mir gehen da leider die Ideen aus. Martin, hast Du noch eine Idee?
Gruß, Torsten
-
Habt ihr mal folgenden Code im Bannercode Eingabefeld probiert?
<div style="position:relative;top:-15px;left:-631px;width:290px;height:45px;background:transparent url('http://s3.wordpress.com/wp-content/themes/pub/inove/img/header.jpg?m=1341020661i') no-repeat;padding-top:0;padding-left:0;"><img src="http://www.bilder-hochladen.net/files/98fx-6h.png" alt="GermanNaruto" title="GermanNaruto" width="936" height="90" /></div>Näheres dazu unter:
Custom Header In iNove (wp.com)
How to put custom header image for INove theme in WordPress.com?Wenn das keine Besserung bringt, würde ich sagen, es geht nicht ohne das Custom CSS Upgrade. Sind nunmal alles kleine Tricksereien, die nicht immer crossbrowser-kompatibel sind.
Gruß, Martin(IQ)
-
-
Torsten…100 x vor dir verbeug!!
Ja, klappt jetzt wunderbar. Danke euch beiden für die Hilfe!Bis zum nächsten Problem xD, bis dann.
Gruß, Omar
-
Ich hoffe übrigens, du denkst noch daran, deine Grafik auf dein Blog (Mediathek) hochzuladen, um sie dann von dort zu referenzieren. Die URL in meinem Beispielcode verwendet nämlich noch das Bild, welches du auf bilder-hochladen.net hochgeladen hast.
Für den Fall, dass diese Seite mal offline geht, oder aufgrund von zuviel Traffic die Grafik von ihrem Server löscht, verschwindet damit auch dein Header. Schon aus Gründen der Ladezeit solltest du die Grafik nicht umbedingt von einem Drittserver referenzieren.
Gruß, Martin(IQ)
-
Ja werden ich machen, danke für den Hinweis!
Was ich noch fragen wollte ist, was genau bring mir dieses „CSS Upgrade“? Welche Vorteile/(Nachteile?) hab ich? Kann ich damit nur das Header bearbeiten?
Gruß, Omar
-
Wenn Du das nicht weißt, ist das CSS Upgrade wohl nicht das richtige für dich, würde ich sagen …
Die CSS-Stylesheets sind mit den Formatvorlagen in Word oder OpenOffice zu vergleichen. Sie definieren, wie bestimmte Elemente (Text, Überschrift, Link, etc.) aussehen sollen (Farbe, Position, etc.). Im Idealfall ist in der HTML-Datei kein Hinweis mehr auf das Layout zu finden, sondern nur in der CSS-Datei.
Näheres in der Wikipedia:
http://de.wikipedia.org/wiki/Cascading_Style_SheetsAuf den Support-Seiten:
http://en.support.wordpress.com/custom-css/
http://en.support.wordpress.com/editing-css/Oder bei SelfHTML:
http://de.selfhtml.org/css/index.htmGruß, Torsten
- Das Thema ‘Header-Bild verschiebt sich’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 