Blog & HTML Code?

    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!:)

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

    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.

    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

    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.

    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.

    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>

    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.

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

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

    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...

    CSS:

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

    HTML:

    <img id="header2" src="url/zum/bild.jpg" alt="bild" />

    ODER:

    CSS:

    #header2 { text-align: center; }

    HTML:

    <span id="header2"><img src="url" alt="bild" /></span>

    Einmal editiert, zuletzt von firefox5.0 (2. Juli 2009 um 15:56)