Avatar billede donkazz Nybegynder
26. januar 2006 - 15:57 Der er 13 kommentarer og
1 løsning

Punktopstilling indrykning?

Hej,

Nu har det her irriteret mig i 100 år, så nu må jeg vide om det virkeligt ikke kan lade sig gøre på den nemme måde.

Når man laver en bulletpoint liste med <ul>, og så har hvert punkt med <li>, så står det jo pænt nok.. MED MINDRE et bulletpoint er længere end bredden i den celle/div/whatever den står i, for så knækker den linjen selvfølgelig, men opretholder ikke indrykningen fra bulletpointet, og det ser jo amatøragtigt ud. F.eks:

• Her er et flot bulletpoint
• Her er et grimt fordi det
knækker linjen.

Anyone??
Avatar billede donkazz Nybegynder
26. januar 2006 - 15:58 #1
og spørgsmålet er selvfølgelig om der er en måde at gøre det pænt på, sådan så en evt. knækket linje rykker sig ind til hvor den første linje begynder. :-)
Avatar billede elskermad.dk Nybegynder
26. januar 2006 - 16:07 #2
du kunne måske smide det i en div - altså <li><div>her er noget tekst hvor linien måske knækker</div></li> - ved ikke om det virker?
Avatar billede roenving Novice
26. januar 2006 - 17:28 #3
Hrm, hvis du alene smider dette i et dokument indrykker den da anden linje ?-)

<div style="width:250px;">
  <ul>
    <li>Her er et flot bulletpoint</li>
    <li>Her er et grimt fordi det knækker linjen.</li>
  </ul>
</div>
Avatar billede stich Nybegynder
26. januar 2006 - 21:40 #4
Jeg er lidt nysgerrig efter at høre: hvordan opstår problemet overhovedet? Umiddelbart synes jeg kun jeg kan få den 'problematiske' opførsel, hvis jeg sætter display:inline; på ul-elementet - og det giver jo ikke mening ift. problemet. Ellers indenterer min IE begge linjer pænt, selv i quirksmode...!?
Avatar billede donkazz Nybegynder
27. januar 2006 - 08:57 #5
Aah... jeg havde været doven, og havde kun brugt <li>, ingen </li> eller <ul></ul>'er.

Nå, men kan jeg så give <ul> eller <li> en attribut så den ikke rykker sig den ene centimeter ind, men bare står pænt? Indrykningen er nemlig ligemeget, da de står i deres egne <td>'er..
Avatar billede roenving Novice
27. januar 2006 - 13:08 #6
Øeh, hvorfor det ?-)

-- men du kan sagtens sætte f.eks. list-style på dem, eller:

style="margin-left:0;" på ul-elementet !-)
Avatar billede donkazz Nybegynder
27. januar 2006 - 15:12 #7
Det er fordi der allerede er padding i tabellen, og så bliver der ekstra luft fra celle-kanten til listen, og det skal der helst ikke..
Avatar billede roenving Novice
27. januar 2006 - 16:56 #8
Kan du så ikke fjerne den padding fra de celler ?-)
Avatar billede donkazz Nybegynder
27. januar 2006 - 17:06 #9
Jo det kunne jeg jo godt, men så står teksten i de venstre celler bare forfærdeligt tæt på over- og underbo-cellerne. 8-)
Avatar billede roenving Novice
27. januar 2006 - 17:15 #10
Lav f.eks. en speciel klasse til de celler, der indeholder dine punkter og sæt dem f.eks. til padding: inherit 0; !-)
Avatar billede donkazz Nybegynder
29. januar 2006 - 15:29 #11
Det prøver jeg lige i morgen når jeg er tilbage på arbejde... :D
Avatar billede donkazz Nybegynder
31. januar 2006 - 21:42 #12
Nå men ved du hvad roenving, det virker sgu. :-)

Smid et svar så du kan få dine points.
Avatar billede roenving Novice
05. februar 2006 - 06:32 #13
Velbekomme '-)
Avatar billede roenving Novice
06. februar 2006 - 15:14 #14
-- og tak for point ;~}
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