nicht angemeldet
<img> verhindert line-heigt bei explorer
hallo,
ich habe folgenden code...
---
<td width="20%" valign="top" class="leftnavi">
:: Home
<br><br>
<img src="gfx/pfeil.gif" border="0" alt=""> Aktuelles<br>
<img src="gfx/pfeil.gif" border="0" alt=""> Termine<br>
<img src="gfx/pfeil.gif" border="0" alt=""> Gästebuch<br>
</td>
---
.leftnavi {font-weight:bold;font-size:11px;line-height:18px;padding:15px;text-align:left;border-right:2px solid #CC6600;}
---
...und das problem ist, dass der ie6 die line-height zwischen den menüpunkten nicht auf 18px setzt. nehm ich die bilder raus, macht er es. opera und mozilla zeigen es auch mit den gfx korrekt an. kann ich das ie-problem umgehen? (ich hätte das ganze gerne ohne eine liste gelöst)
danke schon mal
jan
-
Hi!
Versuchs mal damit die Größe der Grafiken explizit in den img-Tags anzugeben!
Vielleicht klappts dann!cu
Marc Reichelt || http://www.step2identity.com/
--
Linux is like a wigwam - no windows, no gates and an Apache inside!!!-
Versuchs mal damit die Größe der Grafiken explizit in den img-Tags anzugeben!
hatte ich auch schon probiert, hat aber keine auswirkung.
-
-
Hallo,
...und das problem ist, dass der ie6 die line-height zwischen den menüpunkten nicht auf 18px setzt. nehm ich die bilder raus, macht er es. opera und mozilla zeigen es auch mit den gfx korrekt an. kann ich das ie-problem umgehen?
Das Problem wurde zuletzt in http://forum.de.selfhtml.org/archiv/2003/4/44661/ diskutiert. Bisher gibt es anscheinend keine Lösung, diesen IE-Bug zu umgehen.
Gruß,
MI
--
: Michael Jendryschik : michael@jendryschik.de : http://jendryschik.de/ :
: Einführung in XHTML, CSS und Webdesign : http://jendryschik.de/wsdev/ :
: Die Domain http://best-of-netdigest.de steht bei sedo.de zum Verkauf. :
: http://www.sedo.de/search/showdetails.php3?keyword=best-of-netdigest.de :-
Das Problem wurde zuletzt in http://forum.de.selfhtml.org/archiv/2003/4/44661/ diskutiert. Bisher gibt es anscheinend keine Lösung, diesen IE-Bug zu umgehen.
danke für den link.
das ist ja mal grosser käse. somit werde ich wohl notgedrungen die gfx durch einfache zeichen ersetzen oder ich löse es doch vielleicht mit einer liste...ul {list-style-image: url(gfx/pfeil.gif); ... bla}
andere frage...kann ich die einrückung der listenpunkte auch ohne margin-left:0px verhindern?
-
Hallo,
andere frage...kann ich die einrückung der listenpunkte auch ohne margin-left:0px verhindern?
Schau dir mal http://www.subotnik.net/style/list-box-test.html an.
Gruß,
MI
--
: Michael Jendryschik : michael@jendryschik.de : http://jendryschik.de/ :
: Einführung in XHTML, CSS und Webdesign : http://jendryschik.de/wsdev/ :
: Die Domain http://best-of-netdigest.de steht bei sedo.de zum Verkauf. :
: http://www.sedo.de/search/showdetails.php3?keyword=best-of-netdigest.de :-
morgen,
Schau dir mal http://www.subotnik.net/style/list-box-test.html an.
danke...die erklären das recht gut + übersichtlich.
nur hab ich jetzt folgendes problem. wenn ich der <ul> ne margin-left:0 zuweisung gebe, orientiert sich der opera wie gewollt am <td> element, ie6 + mozilla hingegen am <table> element...rücken also weiter nach links ein.der code nochmal:
---
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20%" valign="top" class="leftnavi">
:: Home
<ul>
<li>Aktuelles</li>
<li>Termine</li>
<li>Gästebuch</li>
</ul>
</td>---
ul {list-style-image: url(gfx/pfeil.gif);line-height:17px;margin-left:0px;padding-left:0px;}
.leftnavi {font-weight:bold;font-size:11px;padding:15px;text-align:left;}
---
danke schon mal für eventuelle lösungsansätze.
-
-
oder ich löse es doch vielleicht mit einer liste...
ul {list-style-image: url(gfx/pfeil.gif); ... bla}da nimmt er zwar die line-height, aber rückt die wörter hinter den gfx um ein paar pixel nach unten ein, was ziemlich scheisse aussieht. opera + mozilla zeigens korrekt an. menno.
-
-