XHTML Strict Problem - Vertikaler Abstand zwischen Bildern.
2 0 
molily
XHTML Strict Problem - Vertikaler Abstand zwischen Bildern.
Hallo,
ich hab eine Problem. Eigentlich möchte ich ein ganz einfaches Menü aus Bildern machen. D.h. einfach <img> in <a> tags und danach ein <br/>.
Jedoch habe ich zwischen den Bildern einen Abstand von ca. 2-3px.
ich habe auch schon per css für die img tags padding, margin,etc auf 0 gesetzt, nichts funktioniert.
Sobald ich aber die xhtml-definition rausmache, funktioniert es ohne Probleme.
Wie bekomme ich es auch unter XHTML1.0 Strict hin, das die Bilder direkt aneinander stoßen?
-
Hi,
ich hab eine Problem. Eigentlich möchte ich ein ganz einfaches Menü aus Bildern machen. D.h. einfach <img> in <a> tags und danach ein <br/>.
faaaalsch. Ich unterstelle, dass erstens die Bilder Text repräsentieren, d.h. Du hast ein Menü mit *Text*, welchem Du mittels CSS Grafiken zuordnest. Zweitens ist ein Menü noch immer eine Liste von Links, was in erster Linie bedeutet, dass es eine *Liste* ist. Drittens besteht ein Menü nicht aus Zeilen, sondern höchstens dessen Darstellung - ein strukturelles Zeilenendeelement hat also keine Daseinsberechtigung.
Korrigiere zunächst Deine Struktur.
Jedoch habe ich zwischen den Bildern einen Abstand von ca. 2-3px.
ich habe auch schon per css für die img tags padding, margin,etc auf 0 gesetzt, nichts funktioniert.Du hast jedoch nicht verhindert, dass der Browser Platz für die Unterlängen reserviert, die bei allen textbezogenen Elementen (lies: Inline-Elementen) vorkommen können.
Sobald ich aber die xhtml-definition rausmache, funktioniert es ohne Probleme.
Mit anderen Worten: Sobald Du den Browser glauben lässt, dass Du als Autor keine Ahnung hast (nichts anderes ist der Quirks-Mode), geht er von Fehlern aus und korrigiert wild drauf los. Richtig, deswegen ist der Quirks-Mode ja auch zu vermeiden.
Korrigiere zunächst Deine Struktur.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Jedoch habe ich zwischen den Bildern einen Abstand von ca. 2-3px.
ich habe auch schon per css für die img tags padding, margin,etc auf 0 gesetzt, nichts funktioniert.»Ersetzte« Inline-Elemente wie Formularfelder und Bilder werden auf der Grundlinie der Zeilenbox positioniert. Daher bleibt nach unten hin immer noch Platz bis zum Ende der Zeilenbox. Du kannst ihnen z.B. vertical-align:bottom oder display:block geben, damit sie in der Zeilenbox unten ausgerichtet werden. Letzteres macht Sinn, wenn du die Links in eine Liste unterbringst.
Sobald ich aber die xhtml-definition rausmache, funktioniert es ohne Probleme.
Das ist der Doctype-Switch und der Quirksmode:
http://www.css4you.de/wsdoctypeswitch/index.html
http://carsten-protsch.de/zwischennetz/doctype/einleitung.html
Du solltest allerdings im standardkonformen Modus arbeiten und den DOCTYPE nicht rausnehmen.Mathias
