Nu står det still... Hur sjutton får man IE6 att visa vilken "type" man vill ha på listan och inte behöva ha listan centrerad? Nu vill jag ha en helt vanlig numrerad lista, dvs. default. Nu är raderna olika långa att det ser väldans tråkigt ut med centrerat. Det hjälper inte med <ol type="1"> Finns det något knep för IE6?
IE och <ol>
15 svar · 727 visningar · startad av tanten
Visa koden så ska vi nog fixa detta!
J-la svårt annars!
Du har garanterat text-align:center; någonstans ovanför i koden. :)
Lägg till text-align:left; i din ol.
Ok tog ut det väsentliga och kommenterade lite i stylen. Tänkte inte så långt att det kunde förstås på flera sätt
Vill någon testa så spelar det ingen roll vad för doctype ni använder. Jag har testat med alla doctyper och det blir lika dant med alla i IE6 så jag tar bara med detta.
<style type="text/css">
<!--
ol{width: 200px;/*utan width så fungerar listan, men den behövs*/ }
* html li{text-align: center; /*föt att ie ska visa allt*/}
li{text-align: left; /*blir rätt i FF*/}
-->
</style>
</head>
<body>
<ol type="A">
<li>Tog bokstäver nu</li>
<li>för att visa type.</li>
<li>Behövs inte skriva någon type för nr.</li>
<li>slut</li>
</ol>
</body>
</html>
doggelito skrev:
Du har garanterat text-align:center; någonstans ovanför i koden. :)
Lägg till text-align:left; i din ol.
Har testat det också men då försvinner boksavsordningen också :(
Det blir lite tok när du sätter width på ol:en, lägg till en div runt om istället så fixar det sig! :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
#container {width: 200px;}
li{text-align: left;}
-->
</style>
</head>
<body>
<div id="container">
<ol type="A">
<li>Tog bokstäver nu</li>
<li>för att visa type.</li>
<li>Behövs inte skriva någon type för nr.</li>
<li>slut</li>
</ol>
</div>
</body>
</html>
Tack så mycket... :birp Blev fast i oltänket jag ;)
Du borde typ kunna göra som du tänkte om inte var för att Explorer inte fick vara med å leka med de andra webbläsarna när de var små utan gick sin egen väg och beter sig lite underligt åt ibland nu som vuxen! ;)
En fråga till... Inte så viktig men om man petar in *{margin: 0px;} i ditt förslag så försvinner bokstäverna igen.
Om man inte använder 0:ningen men sätter en bakgrundsfärg på <ol> så hamnar bokstäverna utanför färgen.
Fortfarande bara IE.
Jag förstår inte logiken, och mycket går inte att använda på samma sätt som en ul-lista. Någon som kan förklara vad en ol-listas type egentligen är... :q
Det är tyvärr inte så lätt att förstå hur IE är uppbyggd! :OO
Men man brukar kunna använda margin-left på li-elementet för att få in bokstäverna/siffrorna från vänsterkanten.
Det gick med att använda olika marginaler för IE och låta bli det för de andra i li. Men så kommer en ny upptäckt.
<ol type=""> validerar inte strict. Så det är tydligen bara nummer som validerar.
Är det meningen att sådana här listor ska försvinna i framtiden? Eller är de bara bortglömda?
Skippa type och använd CSS.
http://www.w3schools.com/css/pr_list-style-type.asp
Det här är ett experiment med en ol-lista och jag försöker hitta fördelarna/nackdelarna med att kanske använda den ibland så... :OO
Den är ju himla praktisk att ha till sådant som vetenskapliga verk och liknande. och det behövs väldigt lite css till den om det vill fungera.
Men men...
Ska ol-listan försvinna från webben så småningom eftersom det är som det är med valideringen?
Nej, det är bara type som är borttaget, precis som så mycket annat som har med presentation att göra. Eftersom funktionaliteten med list-style-type finns i CSS togs type-attributet bort, typ som bgcolor togs bort från <body> och diverse andra element då man kan använda background i CSS istället.
OK då förstår jag... tror jag...
Tack så jättemycket för alla svar!!!
Ska experimentera vidare ...
Nu slutar jag med detta experiment...
Här är koden om någon vill se hur jag gjorde för att slippa koda för IE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv">
<head>
<title>ol-lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*ol{background:#f5f5dc;}funkar inte i ie annat än med margin, blir inte bra omman har en inre lista*/
ol.alpha{list-style-type:lower-alpha;}
ol.decimal{list-style-type:decimal;}
#container{width:20em; margin: 2em auto; background:#f5f5dc;}
</style>
</head>
<body>
<div id="container">
<ol class="decimal">
<li>En radda rader
<ol class="alpha">
<li>Tog nu bort type</li>
<li>och använder class i stället.</li>
</ol>
</li>
<li>för att se hur det blir.</li>
<li>Nu slutar jag...</li>
<li>slut</li>
</ol>
</div>
</body>
</html>
Men det fungerar med siffror utan class också om man bara skriver <ol>
Tack igen!!
glömde säga att det fortfarande inte går att använda *{margin:0px;padding:0px;}