unterschied in Firefox und Internet Exporer

[Octane]

Hallo,

habe da ein Problem mit der Darstellung von zwei ".gif" bildern im IE.
Sie sind untereinander und das untere ist ein stück über dem oberen.

Screen vom IE :

Der Code sieht so aus :

<div id="subnavi">
            <ul>
                <li><a href="/Impressum.html"><img src="img2/impressum.gif"  width="121" height="33" border="0" alt="Back"></a></li>
                <p/>
                <li><a href="/Service.php"><img src="img2/kontakt.gif" width="121" height="33" border="0" alt="Kontakt"></a></li>
                
          </ul>

Hier auch zur Sicherheit nochmal ein Screen vom Dreamweaver:

Beim Firefox funktioniert alles perfekt, ich komm leider nicht dahinter wie ich es lösen könnte.
Für den abstand zwischen den bildern hab ich "<p>" gewählt, habe es auch mal mit "<br>" versucht aber war leider auch nicht das richtige.

Hier mal ein Screen wie es aussehen sollte (Firefox) :

Hoffe dass mir jemand da weiterhelfen kann.

Danke schonmal im vorraus.

Mfg Octane

Edit: Früher konnte ich mein Info-Lehrer nicht verstehen warum er anfing zu fluchen wenns um den IE geht, aber jetzt versteh ichs ;-)

 

[hokage555]

die antwort auf dein problem ist einfach.

css

schonmal davon gehört? css ist für das layout/desig einer website verantwortlich. veraltete designattribute in html, wie height="", oder width="" sind out. aber am schlimmsten ist, dass du denn sinn von html noch nicht verstanden hast.

du versuchst mit <p> einen größeren abstand zwischen deinen button zu bekommen. eindeutig eine sache des layouts. nur so nebenbei: google mal nach "css margin" das hilft dir weiter.
aber wieder zurück zu <p>. dieser tag hat eine logische bedeutung in html. mit ihm zeichnet man textpassagen aus. bei dir sehe ich keinen text. du hast diesen tag nähmlich noch nichteinmal vollständig aufgefüht. ich sehe nur ein </p>. wo ist das öffnende <p>???

ALSO: kein design mit html!!!

en abstand zwischen deinen links bekommst du mit folgendem css code größer:

#subnavi a{
margin-bottom:10px;
}

mein tipp: befasse dich mal näher mit css und erkenne all seine enormen vorteile

grüße hokage

 

[Octane]

danke für die antwort...
hatte davor schon eine css datei aber da ich noch ein anfänger in sachen html bin wusste ich nicht wie sowas genau gemacht wird.

Aber dein tipp hat mir geholfen ...

danke

 

[Efchen]

Wenn Du auch noch Anfänger in HTML bist, dann solltest Du Dir mal die verschiedenen Threads hier im Forum zu Gemüte führen, in denen ich erkläre, was HTML eigentlich ist. Wenn Du nach dem Stichwort "Semantik" suchst, dann müsstest Du eigentlich fündig werden.

HTML ist nämlich in keiner Weise für das Aussehen im Browser zuständig. Mit HTML legst Du lediglich die logische Bedeutung des Inhalts fest. Deswegen ist es ja auch falsch, Abstand (was ein Gestaltungsmerkmal ist) mit irgendeinem HTML-Tag erreichen zu wollen.

Für das Aussehen ist allein CSS zuständig.

Mach Dich mal schlau, oder frage hier, bevor Du Dich in etwas verrennst, was Dich hinterher viel Zeit kostet.

Grüße,
-Efchen