Blog & HTML Code?

thecleanupman

Hallo,
ich würde gerne auf meinem Blog direkt unter dem oberen Banner noch einen Zweiten hinzufügen. Da es von Seiten des Anbieters nicht Angeboten wird, möchte ich es gerne mit einem HTML Code lösen.
Ich bin komplette 0 in Sachen HTML und deswegen meine Frage an die Profis ;): Welchen Code muss ich benutzen & vorallem an welcher Stelle einfügen, damit ein 2. Banner / Bild unter dem ersten angezeigt wird. Das Bild / Banner wird natürlich bei einem Image Hoster hochgeladen.

VIELEN DANK!:)

Thonixx

Das ist alles, um ein Bild einzufügen, egal ob Banner, Foto oder Bild...

Wo? Dort wo dus haben möchtest...

Unregistriert

Danke!!
Aber ich weiß eben nicht, wo ichs genau einfügen muss. Direkt unter die Banner Zeilen oder ist das ganz egal?

thecleanupman

Uuups...Sorry. War nicht angemeldet.

Thonixx

Machs mal und wenns nicht passt, ne Zeile tiefer, dann klappt das schon.
Meist ist es so, das Bild (Hauptheader) finden und da nen <br /> einfügen und drunter das Bild (zweiter Banner).
Dann werden beide untereinander angezeigt ohne Abstand.

thecleanupman

Gut. Danke. Ich versuch es dann mal.
Falls es nicht klappt melde ich mich.

thecleanupman

Hat geklappt!! Nur ist der Banner leider nicht ganz mittigsondern verschoben & eine Lücke zwischen 1. und 2. Banner ist auch noch vorhanden.
Wenn Du mir jetzt noch sagen würdest wie ich das hinbekomme ist es perfekt =)
Hier ein Bild

Thonixx

Sorry, ohne Link oder HTML Code kann ich nicht helfen.
Hast du mal den Link, also der, der öffentlich ist?

Ich hab den Link eingegeben aber habe keinen Zugriff.

thecleanupman

Hmmh komisch. Der Link oben ging nicht? Dann versuch den mal: http://img199.imageshack.us/img199/1257/53174764.jpg
Hier mein HTML:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Home Of The South (Header)' type='Header'/>
</b:section>
</div>
<img src="http://img34.imageshack.us/img34/9678/jerzeebanner.jpg" alt="JerzeeBanner" />
Das Fett Markierte ist der neue Teil.

Thonixx

Der Link zum Bild geht schon, doch der direkte Link zum Blog ist nicht zugänglich.

Mach das hier hin:

HTML

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Home Of The South (Header)' type='Header'/>
</b:section>
<img src="http://img34.imageshack.us/img34/9678/jerzeebanner.jpg" alt="JerzeeBanner" />
    </div>

</b>

thecleanupman

Ok. Das Abstand's Problem ist jetzt gelöst =). Nur leider ist der Banner immer noch nicht mittig.
Hie nochmal der Link zu dem Blog: http://homeofthesouth.blogspot.com/

Thonixx

Mach bei dem Tag img noch folgendes rein:
style="margin: 0 auto;"

thecleanupman

Versucht - jedoch leider keine Änderung.
Hoffe ich habe es richtig gemacht:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Home Of The South (Header)' type='Header'/>
</b:section>
<img style="margin: 0 auto;" src="http://img34.imageshack.us/img34/9678/jerzeebanner.jpg" alt="JerzeeBanner" />
</div>
Sorry, das ich mich so doof anstelle.

Thonixx

Mach anstatt margin: 0 auto, das da hin:
text-align: center

sonst anstatt style= das da hin:
align="cente"

thecleanupman

Das mit Style = ersetzen hat garnicht gefunkt - kam immer gleich Fehler Meldung (XML-Fehlermeldung: Open quote is expected for attribute "{1}" associated with an element type "align".) Und das andere zu ersetzen hat auch nicht's gebracht...

Thonixx

CSS:

#header2 { width: breite des bildes in px; margin: 0 auto; }

HTML:

ODER:

CSS:

#header2 { text-align: center; }

HTML:

thecleanupman

Kein Erfolg
Will einfach nicht funktionieren der Mist.

Thonixx

Dann überprüfe deine HTML Fehler mit http://validator.w3.org
Das MUSS gehen!

Tags