[HTML] <li> zonder inspringen

[Sequence]

Ik ben bezig met een opsomming adhv <UL><LI>tekst</LI></UL>.
Nu zit ik te knoeien met de breedte hiervan, en daarom wil ik graag dat er minder ver (of helemaal niet) wordt ingesprongen.. dit dient te gebeuren in html zonder css.

ik heb de volgende oplossing gevonden:

code:

<li style="text-indent: -2em;">

hiermee springt de eerste regel mooi niet in, precies zoals ik wil.. echter indien een punt uit de opsomming meer dan 1 regel behoeft, zal deze 2e regel wel weer inspringen en dat ziet er natuurlijk niet uit...

mijn code is nu:

code:

<UL>
<li style="text-indent: -2em;">tekst1</li>
<li style="text-indent: -2em;">tekst2</li>
<li style="text-indent: -2em;">tekst3</li>
</UL>

Hoe zorg ik er nu voor dat vervolgregels ook netjes mee 'niet-inspringen'?

[disjfa]

zet de margings en de paddings goed zou ik zeggen.....

[wicher|IA]

text-indent is JUIST alleen voor de eerste regel.
Voor het hele stukje zou je eens wat kunnen prutsen met padding en margin (padding-left en margin-left in dit geval).

[Sequence]

daar kan ik helaas niet bij, het gaat om een website op m'n werk die bij de ontwikkelaars wordt gehost, en waar ik enkel met plain-html invloed heb op de layout.
zijn er geen tags om dit probleem op te lossen?

wicher schreef op 06 juli 2004 @ 11:22:
text-indent is JUIST alleen voor de eerste regel.
Voor het hele stukje zou je eens wat kunnen prutsen met padding en margin (padding-left en margin-left in dit geval).

ah, dat wist ik al niet.. welke tag moet ik gebruiken om het van toepassing te laten zijn op het hele stukje?

[ Voor 49% gewijzigd door Sequence op 06-07-2004 11:24 ]

[André]

Sequence schreef op 06 juli 2004 @ 11:20:
dit dient te gebeuren in html zonder css.

???

code:

<ul style="margin-left:5px">
  <li>tekst1</li>
  <li>tekst2</li>
  <li>tekst3</li>
</ul>

[Sequence]

André bedankt! (en de rest uiteraard ook! )
dit was de oplossing

[drm]

Kijk ook eens naar list-style-position

[SnoW]

Toevallig was ik ook net op zoek naar een LI zonder inspringen en kwam dit topic tegen. De oplossing van André werkt inderdaad goed in IE. Maar als ik in Mozilla/Firefox kijk, is de opsomming helaas nog wel inspringend.

Heeft iemand een idee waar ik het probleem moet zoeken? Bij Mozilla (bug?), of in de CSS-code?

[drm]

Wat bedoel je precies met "zonder inspringen"? Want een list-style-position:inside; is volgens mij "zonder inspringen"...

[SnoW]

Ik gebruik de term "inspringen" misschien niet correct. Ter verduidelijking: wat ik wil is een opsomming die helemaal links op de pagina begint (en dus niet een pixel of 30 naar rechts, zoals normaal het geval is bij <UL> en <LI>).

De oplossing van André werkt in IE: de opsommingstekens staan helemaal links. Maar bij Mozilla staat de opsomming nog steeds een stukje naar rechts (ingesprongen dus).

[drm]

Cascading Stylesheet:

ul, li {
   margin:0; padding:0; list-style-type:none;
}

zo dan?