Avatar billede kdamkjaer Nybegynder
01. maj 2001 - 14:49 Der er 6 kommentarer og
1 løsning

<UL> & <OL> i .css

Kan man fjerne den indrykning, der kommer på list elementer i forhold til resten af indholdet, således første niveau af listen flugter med <p> elementer m.v. (venstremargin)?

Og hvordan sætter man størrelsen på underpunkternes indryk i forhold til niveau 1?

Avatar billede erikjacobsen Ekspert
01. maj 2001 - 14:52 #1
Jeg kan heller ikke lide dem, hvis noget skal stå ordentligt. Så vil jeg
hellere putte det i tabeller, og lege med cellspacing og cellpadding.
Avatar billede netsrac Praktikant
01. maj 2001 - 14:54 #2
Muligvis sådan her:

<STYLE>
UL.STEP1{ left-margin: 0 }
LI.STEP1{ left-margin: 0 }
UL.STEP2{ left-margin: 25 }
LI.STEP2{ left-margin: 25 }
</STYLE>

<UL CLASS=\"STEP1\">
<LI CLASS=\"STEP1\">Bla
<UL CLASS=\"STEP2\">
<LI CLASS=\"STEP2\">bla 2
</UL>
</UL>
Avatar billede kdamkjaer Nybegynder
01. maj 2001 - 14:55 #3
erikjacobsen>> Jeg er helt enig i at det ser slemt ud, og jeg benytter selv tabeller i de fleste tilfælde.

I dette tilfælde er det dog ikke så smart, idet indholdet i listen bliver spyttet ud af en rekursiv PHP funktion, som selv fylder underpunkter på.
Avatar billede erikjacobsen Ekspert
01. maj 2001 - 14:55 #4
I stedet for at sige step1 og step 2 kan man sige

  ul ul {....noget css....}

hvis man vil angive at det skal være en ul i en anden ul.
Avatar billede netsrac Praktikant
01. maj 2001 - 14:57 #5
Okay, jamen man lærer noget nyt hverdag :-)
Avatar billede jonas_html.dk Nybegynder
01. maj 2001 - 15:11 #6
Der ligger svar til dig på usenet ;-)

Mvh
Jonas
Avatar billede kdamkjaer Nybegynder
01. maj 2001 - 15:12 #7
Hm, jeg fik det her til at virker:
OL, UL {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: Black;   
    margin-left: 10px;
}

Hvis \"margin-left\" er mindre end 10, så forsvinder bullets/tal(??!?).

Desværre virker det kun i IE - i NN (4.x) er den stadig gal. Jeg tror jeg vil arbejde på en anden løsning end lists.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester