Avatar billede netro Nybegynder
16. april 2009 - 15:47 Der er 8 kommentarer

Højde på <li> i Explorer

Hej

Jeg har et problem med flg. punktopstilling. Der er mellemrum mellem punkterne (den sorte baggrund kan ses). Det virker i FF men ikke i IE. Hvad kan jeg gøre?

<ul style="list-style-type:none; background-color:Black">
  <li style="overflow:hidden; height:30px; background-color:Blue">qwerty</li>
  <li style="overflow:hidden; height:20px; background-color:Red">qwerty</li>
  <li style="overflow:hidden; height:10px; line-height:0px; background-color:Green">qwerty</li>
  <li style="overflow:hidden; height:5px; line-height:0px; background-color:Silver">qwerty</li>
</ul>
Avatar billede fusion-it Nybegynder
16. april 2009 - 16:14 #1
har du et link så vi kan se ?
Avatar billede netro Nybegynder
16. april 2009 - 16:30 #2
Nej, desværre ikke. Men eksemplet ovenover er lige til at copy-paste. Jeg er i gang med at lave animation-effekter til menuen på http://www.telerik.com/help/aspnet-ajax/panel_overviewstructure.html (hvis du undrer dig).
Avatar billede trissebasse Nybegynder
16. april 2009 - 17:16 #3
Okay, jeg ved det her lyder åndsvagt!... Men hvis det er IE 7 vi snakker om kan det være fordi den har sin egen måde at læse lister på. Og jeg mener jeg har løst det på et tidspunkt ved at lade li'erne stå uden linieskift i koden...mmmm EI!
Avatar billede ssv Nybegynder
16. april 2009 - 22:04 #4
Sæt "font-size: 0;" på din li'er, så virker det.
Avatar billede netro Nybegynder
16. april 2009 - 22:12 #5
Hvad så med teksten? Den skal kunne ses. Måske lægge en span indeni li'en, så den overskriver de 0?
Avatar billede olebole Juniormester
17. april 2009 - 00:51 #6
<ole>

Jeg er bange for, du må ændre design - eller bruge andre elementer

/mvh
</bole>
Avatar billede webweaver Praktikant
18. april 2009 - 00:24 #7
Hvad med noget margin, padding på din liste evt?
Avatar billede olebole Juniormester
18. april 2009 - 14:48 #8
Nej, det er en bug i IE. Prøv selv  ;o)
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