Avatar billede krogstrup Nybegynder
16. december 2000 - 13:23 Der er 4 kommentarer og
2 løsninger

CSS: Bestem størrelsen på en <LI>

Irriterende problem:

Jeg har en <LI class=\"whatever\">Punkt 1

I mit stylesheet skriver jeg

.whatever {font-size:12px;}

Det fungerer sådan set også fint nok. Min tekst \"Punkt 1\" bliver sat til en størrelse på 12px, MEN selve firkanten ud for punktet er skide ligeglad med min bestemmelse af størrelsen på 12px.

Hvordan styrer jeg størrelsen på SELVE firkanterne/cirklerne i en liste via CSS ?
Avatar billede rennebo Nybegynder
16. december 2000 - 13:32 #1
Istedet for class ville jeg nok bruge ID, og så finde størrelsen sådan her:

bredde = whatever.offsetHeight;
hojde = whatever.offsetWidth;

height og width dur kun hvis de er sat af stylesheets, men offsetHeight og offsetWidth også rammer når ting bliver udvidet.....
Avatar billede krogstrup Nybegynder
16. december 2000 - 13:41 #2
rennebo >>>

Jeg tror du har misforstået mig. Jeg ønsker ikke at finde størrelsen, men at kunne bestemme størrelsen på mine punkt-prikker !
Avatar billede rennebo Nybegynder
16. december 2000 - 13:48 #3
Ok..... Ja, jeg har misforstået dig..... og jeg må indrømme at jeg ikke ved om det kan lade sig gøre via css. Jeg ville nok have valgt at lave mine <LI> med grafik istedet for standarden.
Avatar billede callesen Praktikant
16. december 2000 - 16:37 #4
Jeg har forsøgt i diverse litteratur og på nettet tidligere; men fandt ikke noget og måtte løse det ved at lave en billedfil med den ønskede bullit (firkant)samt tekst og bruge UL i dokumentet og i style sheet\'et med:

list-style-image:url(sti/billedfil.gif);
Avatar billede callesen Praktikant
16. december 2000 - 16:47 #5
PS. Hvis stien til billedet ikke er korrekt indsættes en \"disc\"; men i default størrelse.
Avatar billede krogstrup Nybegynder
16. december 2000 - 20:27 #6
Hmmm, jeg frygtede det. Men så bliver jeg jo nok nødt til at løse mit problem med et billede :-(

Tak for jeres svar...
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