Søg
Avatar billede sw_red_6 Nybegynder
10. november 2006 - 09:34 Der er 12 kommentarer og
1 løsning

ændre på farve og weight af tal i <ol>

Er det muligt at ændre på skrift-størrelsen og -farven på tallene i en <ol>?

hvis ja, så ville jeg godt se et eksempel..
Avatar billede notes2c Nybegynder
10. november 2006 - 09:52 #1
Ja det skulle jeg da mene.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
ol .t1 {
    height: 100px; background: lightblue;
}
ol .t2 {
    height: 150px; background: lightgreen;
}
-->
</style>

</head>

<body>
<ol>
<li><table class="t1"><tr><td>tabel 1</td></tr></table></li>
<li><table class="t2"><tr><td>tabel 2</td></tr></table></li>
</ol>


</body>
</html>
Avatar billede sw_red_6 Nybegynder
10. november 2006 - 09:56 #2
det var vidst lidt en misforståelse.. det var ikke teksten der skulle ændres på, men list-item markørerne (tallene, bogstaverne, osv)
Avatar billede notes2c Nybegynder
10. november 2006 - 10:05 #3
Sorry, må være lidt træt her til morgen.

Men svaret på dit spm er nej.
Avatar billede notes2c Nybegynder
10. november 2006 - 10:08 #4
Men du kan pakke det ind i en div hvis de alle skal have samme farve. Men nok ikke det du ønsker..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
ol .li1 {
    background: lightblue;
}
ol .li2 {
    background: lightgreen;
}
-->
</style>

</head>

<body>
<div style="background: red;">
<ol>
<li class="li1">list 1</li>
<li class="li2">list 2</li>
</ol>
</div>

</body>
</html>
Avatar billede sw_red_6 Nybegynder
10. november 2006 - 10:09 #5
Beklager, men jeg har selv kigget lidt på tingene og det kan godt lade sig gøre.. der skal bare en formatering at teksten på eller bliver det også ændret.
Dette skulle virke:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
ol {
  color: #00F;
  font-weight: bold;
}

span {
  color: #000;
  font-weight: normal;
}
-->
</style>
</head>

<body>
<ol>
<li><span>Tekst 1</span></li>
<li><span>Tekst 2</span></li>
</ol>
</body>
</html>
Avatar billede notes2c Nybegynder
10. november 2006 - 10:11 #6
Ja det kan jeg se... Så blev jeg også lidt klogere
Avatar billede jhe-ting Nybegynder
10. november 2006 - 20:03 #7
sw_red_6 >>
Når du nu selv har fundet løsningen, kan du lukke spørgsmålet ved at post'e og godkende et svar.
Avatar billede sw_red_6 Nybegynder
13. november 2006 - 09:07 #8
jhe-ting>> Jep det ved jeg, havde bare håbet på at der var nogen med en anden smartere løsning, da jeg ikke kan bruge den løsning jeg har fundet til så meget, eftersom jeg ikke har mulighed for at i den kode hvor listen bliver oprettet
Avatar billede notes2c Nybegynder
13. november 2006 - 09:59 #9
Men hvad er mulighederne, og hvordan ser den kode ud som skal styles.
Avatar billede jhe-ting Nybegynder
13. november 2006 - 10:46 #10
I dit eksempel viser du et SPAN-tag i hvert LI-punkt.
Er det dét der ligger fast?
Her er det kun SPAN's inden i OL-tags der bliver specielle.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
body { color:#0A0;}

ol {
  color: #00F;
  font-weight: bold;
}

ol span {
  color: #000;
  font-weight: normal;
}

--></style>
</head>

<body>
<p>Liste med SPAN</p>
<ol>
<li><span>Tekst 1</span></li>
<li><span>Tekst 2</span></li>
</ol>
<p>Almindelig tekst. <span>Et andet span</span> med mere.</p>
<p>Liste uden SPAN</p>
<ol>
<li>Element 1</li>
<li>Element 2</li>
</ol>
</body>
</html>
Avatar billede jhe-ting Nybegynder
13. november 2006 - 10:53 #11
- har forsøgt med

ol li { color:#CC0 }

men det slår også igennem på tallene. ( Hm.. ?)
Avatar billede sw_red_6 Nybegynder
13. november 2006 - 11:28 #12
problemet er jo så at teksten ikke skal ændres, men tallene.
og koden ser omtrent sådan her ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
ol {
  color: #00F;
  font-weight: bold;
}
-->
</style>
</head>

<body>
<ol>
<li>Tekst 1</li>
<li>Tekst 2</li>
</ol>
</body>
</html>
Avatar billede sw_red_6 Nybegynder
21. december 2006 - 11:34 #13
Nu lukker jeg, hvis der er nogen der føler sig trådt over tæerne over de ikke for point så må de lige sige til
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »