Listen und Image

[Lasse]

Hallo,
kann ich listenpunkte mit einem Image trennen?

bsp:

<li>main</li>
<img>....</img>
<ul>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
</ul>

wenn ich diese liste versuch mit java aufzuklappen geht das nicht! irgendwelche ideen?

[Gunnar Bittersmann]

Hello out there!

<li>main</li>
<img>....</img>
<ul>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
</ul>

Nein, so nicht. ul darf nur li-Elemente enthalten, keine img-Elemente.

img darf gar nichts enthalten, also nichts zwischen <img ...> und </img>. Der End-Tag wäre in HTML auch falsch und würde wohl Tag-Soup-Parser dumm aus der Wäsche kucken lassen, weshalb das in XHTML 1.X besser als <img ... /> notiert wird.

wenn ich diese liste versuch mit java aufzuklappen geht das nicht!

?? Was möchtest du? Und du meinst nicht etwa JavaScript?

irgendwelche ideen?

list-style-image?

See ya up the road,
Gunnar

[lasse]

vergiss mal meine Syntax!!! soweit bin ich schon!!

mein problem ist, ich möchte alle listen + unterlisten mit der gleichen breite unterstreichen.

zum beispiel:

-main
_____________
   -sub
_____________
   -sub
_____________

[nochmal lasse]

und bei mir sieht es so aus

-main
_____________
    -sub
    _________
    -sub
    _________

wenn ich mit border-bottom das ganze mach! deshalb wollte ich eine Graphik einbinden!

[Ashura]

Hallo nochmal.

und bei mir sieht es so aus

-main
_____________
    -sub
    _________
    -sub
    _________

wenn ich mit border-bottom das ganze mach! deshalb wollte ich eine Graphik einbinden!

Lerne, dass in der deutschen Sprache noch weitere Interpunktionsmöglichkeiten existieren und befasse dich mit http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin und http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=padding.

Einen schönen Donnerstag noch.

Gruß, Ashura

[Lasse]

Hallo erstmal dankeschön,
leider hab ich die Möglichkeiten mit padding und margin schon ausprobiert und es funktioniert leider nicht. Da der Listenpunkt nicht berücksichtigt wird. Gib es noch irgendeine andere Lösung? Ich könnte ein Hintergrundbild den Listenelementen zuweisen, ist aber nicht die Ideale Lösung.
lasse

[Gunnar Bittersmann]

Hello out there!

leider hab ich die Möglichkeiten mit padding und margin schon ausprobiert und es funktioniert leider nicht.

Dann machst du etwas falsch. Was, lässt sich ohne Quelltext nicht erahnen.

Da der Listenpunkt nicht berücksichtigt wird.

?? Was meinst du?

Gib es noch irgendeine andere Lösung?

Eine andere als mit border, margin, padding? Wozu, wenn es damit geht?

Übrigens muss du wohl nicht border-bottom, sondern border-top benutzen, damit du eine Linie zwischen '-main' und dem ersten '-sub' bekommst. Den kannst du ja beim allerersten Listenelement wieder wegmachen und dem allerletzen noch einen border-bottom verpassen.

Ich könnte ein Hintergrundbild den Listenelementen zuweisen, ist aber nicht die Ideale Lösung.

Nein, wirklich nicht.

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hello out there!

vergiss mal meine Syntax!!! soweit bin ich schon!!

mein problem ist, ich möchte alle listen + unterlisten mit der gleichen breite unterstreichen.

Warum erzählst du dann erst was von Bildern? Wo du doch eigentlich einen Rahmen möchtest?

Sorge dafür, dass die Listenpunkte der unterschiedlichen Hierarchie-Ebenen gleiche Breite, gleichen Außenabstand, aber in der Hierarchie-Tiefe größer werdenden Innenabstand haben.

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hello out there!

Sorge dafür, dass die Listenpunkte der unterschiedlichen Hierarchie-Ebenen gleiche Breite […] haben.

Grmpf. Natürlich nicht. Ich sollte eigentlich das Box-Modell kennen.

Die Summe von Breite und Innenabstand soll bei allen Listenpunkten gleich sein.

See ya up the road,
Ingrid

[Ashura]

Hallo Lasse.

kann ich listenpunkte mit einem Image trennen?

Welcher Art ist dieses „Image“? Hat es nur dekorativen Charakter oder vermittelt es relevante Inhalte?
Ggf. reicht dir schon http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background@title=background oder auch http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=border für die li-Elemente.

bsp:

<li>main</li>
<img>....</img>
<ul>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
<li>sub</li>
<img>....</img>
</ul>

Das erste li-Element befindet sich nicht in einem ul- oder ol-Element: Fehler.
Die weiteren li-Elemente befinden sich zwar in einem ul-Element, doch das img-Element darf kein Kindelement vom ul-Element sein: Fehler.

wenn ich diese liste versuch mit java aufzuklappen geht das nicht! irgendwelche ideen?

Wenn du sagen würdest, was du hiermit meinst, vielleicht.

Einen schönen Donnerstag noch.

Gruß, Ashura