Abstände in Listen!

[Markus]

Hey und Hallo und megahilfe!

Ich hab also eine liste erstellt, darin sind nur bilder:
<UL>
  <li><img></li>
  <li><img></li>
  <li><img></li>
</UL>

jedenfalls bekomm ich zwischen den einzelnen LI's
den abstand voneinander einfach nicht weg.
Weiss da jemand Rat?

CSS margins und paddings sind schon auf 0,
es bleibt aber IMMER ein restabstand...

Gruß Markus

[at]

Hallo.

CSS margins und paddings sind schon auf 0,
es bleibt aber IMMER ein restabstand...

Hast du die Eintragungen im <ul> oder im den <li> vorgenommen? Sind ein Zeilenabstand oder eine Höhe definiert?
Der gesamte relevante Quelltext wäre hilfreich.
MfG, at

[honk]

Der gesamte relevante Quelltext wäre hilfreich.

http://www.klappt-nicht.de/de_version_mfg/verdammtes_ding.html

Da isser...
paddings und margins sind in beiden auf null komma null
aber der abstand existiert IMMER
*grummel*
Zeilenabstand und höhe sind nicht definiert,
geht line-height:10px; überhaupt in nem LI-Tag?

MfG, honky

[Struppi]

Der gesamte relevante Quelltext wäre hilfreich.

http://www.klappt-nicht.de/de_version_mfg/verdammtes_ding.html

Da isser...
paddings und margins sind in beiden auf null komma null
aber der abstand existiert IMMER
*grummel*
Zeilenabstand und höhe sind nicht definiert,
geht line-height:10px; überhaupt in nem LI-Tag?

li.als-tabelle{
display:table-row;
}
UL.ul-popup{
 visibility:hidden;
 position:absolute;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

1. ich bin zwar nicht sicher, aber ich würde kein Minuszeichen als Namenbestandteil wählen.
2. finde ich die von dir so bezeichneten Listen nicht im Quelltext.
3. position absolute? bist du sicher?
4. table row?

Es scheint du bist am rumprobieren ohne genau zu Wissen was du tust.

Was passiert wenn du das folgende probierst:

CSS:
ul
{
}

li
{
 padding:0;
 margin:0;
}

HTML:
<ul>
<li><img src="_images/navi/navi_ueber_uns.gif" width="196" height="49" alt="" border="0"></li>
<li><img src="_images/navi/navi_leitungen_fuer.gif" width="196" height="49" alt="" border="0"></li>
<li><img src="_images/navi/navi_innovation.gif" width="196" height="48" alt="" border="0"></li>
</ul>

Struppi.

[Michael Jendryschik]

Hallo,

1. ich bin zwar nicht sicher, aber ich würde kein Minuszeichen als Namenbestandteil wählen.

Dagegen spricht aber nichts.

Gruß,

MI

[Struppi]

Was passiert wenn du das folgende probierst:

CSS:
ul
{
}

li
{
 padding:0;
 margin:0;
}

Es geht bei mir zumindest auch nicht. Wie du siehst, wenn du ein Border einbaust, ist unterhalb der Grafik immer ein padding Abstand, der sich nicht entfernen läßt.

Die Frage ist, ob man dafür wirklich Listen braucht, da das ganze so auch ohne CSS funktioniert:
<img src="_images/navi/navi_ueber_uns.gif" width="196" height="49" alt="" border="0"><br>
<img src="_images/navi/navi_leitungen_fuer.gif" width="196" height="49" alt="" border="0"><br>
<img src="_images/navi/navi_innovation.gif" width="196" height="48" alt="" border="0"><br>

Struppi.

[roman lenz]

hi hi honky

nimm doch mal dir <BR> raus

bis bis roman

[MudGuard]

Hi,

Ich hab also eine liste erstellt, darin sind nur bilder:
<UL>
  <li><img></li>
  <li><img></li>
</UL>

Dürfte sich um den selben Effekt wie die Abstände bei Bildern in td handeln.

li img { display:block; padding:0; margin:0; border:none; }
sollte dann abhelfen.

cu,
Andreas

[at]

Hallo.

<UL>
  <li><img></li>
  <li><img></li>
</UL>
Dürfte sich um den selben Effekt wie die Abstände bei Bildern in td handeln.

Dort lag der Fehler aber gerade darin, dass die Verschachtelung eben nicht so aussah, sondern so:
<td>
  <img />
</td>
MfG, at

[MudGuard]

Hi,

<UL>
  <li><img></li>
  <li><img></li>
</UL>
Dürfte sich um den selben Effekt wie die Abstände bei Bildern in td handeln.
Dort lag der Fehler aber gerade darin, dass die Verschachtelung eben nicht so aussah, sondern so:

Du meinst ein anderes Phänomen.

Ich meine das, wo Bilder in standardkonformer Darstellung auf der Basislinie der Schrift stehen und dadurch durch den für Unterlängen der Buchstaben vorgesehenen Platz Lücken entstehen - solange die Bilder nicht als display:block angezeigt werden.

cu,
Andreas

[at]

Hallo.

Ich meine das, wo Bilder in standardkonformer Darstellung auf der Basislinie der Schrift stehen und dadurch durch den für Unterlängen der Buchstaben vorgesehenen Platz Lücken entstehen - solange die Bilder nicht als display:block angezeigt werden.

Sieh mal an, war mir noch gar nicht aufgefallen. Danke.
MfG, at

[Tim Tepaße]

Hallo at und Markus,

Sieh mal an, war mir noch gar nicht aufgefallen. Danke.

Hier sehr ausführlicher erklärt:

http://www.dodabo.de/html+css/img-table/

Tim

[at]

Hallo.

Hier sehr ausführlicher erklärt:

http://www.dodabo.de/html+css/img-table/

Danke, gleich in die Bookmarks damit :-)
MfG, at

[Markus (honk)]

Lösung?

Gibt's da nun also ne Lösung für oder geht das einfach grundsätzlich nicht?

[at]

Hallo.

Gibt's da nun also ne Lösung für oder geht das einfach grundsätzlich nicht?

Funktioniert denn "display:block;" nicht?
MfG, at