Gå til innhold

Style <ol> CSS?


Anbefalte innlegg

Skrevet

Hvordan kan jeg få kun tallene i en <ol><li></li></ol> stylet med css?

 

Eks. Jeg vil at tallene skal være bold.

1. noe tekst

2. noe enda mer tekst noe.

Videoannonse
Annonse
Skrevet

HTML:

<ol>
<li><span>Innhold</span></li>
<li><span>Innhold 2</span></li>
<li>Innhold 3, ingen span</li>
</ol>

 

CSS:

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

Skrevet (endret)

Når jeg bruker CSS, pleier jeg å bruke

<div id="ol"> innhold </div>

 

Ryddigere med en seperat CSS fil ha formattering (i eksempelet bruker jeg layout.css i mappe, CSS.

#ol{
font-size: 80%;
text-decoration: strong;
}

 

I <HEAD> henviser jeg til layout.css filen med, f.eks:

<link href="Css/layout.css" rel="stylesheet" type="text/css" />

 

edit: skriver seint :) , og leser ikke så godt :nei: , sorry for OT.

Endret av JoKr
Skrevet
Obs har ikke prøvd men burde ikke dette virke?
ol {
text-weight: bold;
}

ol li {
text-weight: none; /* husker ikke om det var none eller normal */
}

5567151[/snapback]

Desverre Judofyr, dette går ikkje. Grunnen er at det er LI som har display:list-item satt, og ikkje OL/UL.

Skrevet
JoKr, skjønt ikke helt poenget med den der.

 

nei, det gjorde ikke jeg heller når jeg leste første innlegget igjen - etter jeg selvsagt hadde postet først gang (jeg har tenkt på noe helt annet), meeen derfor er det også en liten beklagelse for OT under edit...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...