Avatar billede tipsen Nybegynder
30. juli 2003 - 12:02 Der er 16 kommentarer og
2 løsninger

Autonummerering af <h*> tags

Hej eksperter

Jeg mener engang jeg har set, at det er muligt at lave noget nummerering af forskellige tags i CSS - altså sådan at det fungerer helt automatisk.

Jeg kunne godt tænke mig, at lave sådan en nummerering af <h1>, <h2> og <h3> tags, således at teksten når man ser den i en browser ville se således ud:

1. Indledning
1.1 Underindledning
2. Om Eksperten
2.1 Historie
2.2 Bagmænd
2.2.1 Entrepreneuren
2.2.2 IDG
3. Fremtiden
3.1 osv

altså at ovenstående skal være resultatet af blot at have brugt:

<h1>Indledning</h1>
<h2>Underindledning</h2>
<h1>Om Eksperten</h1>
<h2>Historie</h2>
<h2>Bagmænd</h2>
<h3>Entrepreneuren</h3>
<h3>IDG</h3>
<h1>Fremtiden</h1>
<h2>osv</h2>

Hvordan gøres dette i CSS?
Avatar billede exp Juniormester
30. juli 2003 - 12:06 #1
Umiddelbart vil jeg tæske hele lortet i en database med id'er og parentid'er, og så klare hele lortet med whilelykker...
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 12:10 #2
Avatar billede exp Juniormester
30. juli 2003 - 12:10 #3
Nårh... tror vist lige jeg misforstod... glem mit indlæg!
Avatar billede bearhugx Nybegynder
30. juli 2003 - 12:12 #4
http://www.w3.org/TR/REC-CSS2/generate.html - men desværre har jeg aldrig kunne få det til at virke i IE... tror ikke det er implementeret ordenligt der :-( .. har ikke aftestet det med andre browsere....
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 12:16 #5
Det skulle vel ikke være noget problem at lave en "denne side kan ikke ses
i IE"-side ;)  Jeg mener det virker i de rigtige browsere.
Avatar billede tipsen Nybegynder
30. juli 2003 - 12:35 #6
Bare det følger CSS2-standarden er det fint - IE finder sikkert ud af det om nogle versioner... (ekstra features for dem der benytter ordentlige browsere er også ok med mig!)

Et link til en af CSS-guruerne: http://www.meyerweb.com/eric/

Der er også en del ting som ikke fungerer i IE, men til gengæld er temmelig seje i eks. Mozilla.
Avatar billede bearhugx Nybegynder
30. juli 2003 - 12:48 #7
EJ >> *LOL*

tipsen >> super-indstilling!! :-)
Avatar billede lordhead Nybegynder
30. juli 2003 - 13:22 #8
Du skal optimere din side til IE ... de fleste benytter sig af denne browser!
Avatar billede bearhugx Nybegynder
30. juli 2003 - 13:27 #9
lordhead >> Hmm - du kan sige "du bør optimere..." - men ligefrem at påbyde synes jeg nu er lidt for dikterende... *LOL*

Jeg synes at det er skønt at der er folk, som ikke længere vil finde sig i at skulle optimere til den lavste fællesnævner - bare fordi IE nødvendigvis har den største markedsandel...
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 13:28 #10
Det er ikke noget argument, lordhead. IE5 og 6 - set med CSS - er ligeså langt
bagefter som NS4 var i forhold til IE4 i de gode gamle dage. Det er begrænset
hvor meget krudt man skal brænde af på gammel teknologi.

Hvis blot siden kan ses i IE5 og 6, og så virker optimalt i de rigtige
browsere, så må det være det, der er tid og råd til i dag.
Avatar billede lordhead Nybegynder
30. juli 2003 - 13:30 #11
I sagde den ikke var optimeret til IE - nu siger du at den er optimeret til IE 5??

Bare den er optimeret til den nyeste IE så er jeg tilfreds
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 13:33 #12
Hvem siger den er optimeret til IE5? Og hvem interesserer sig for om du er tilfreds??
Avatar billede tipsen Nybegynder
30. juli 2003 - 13:37 #13
lordhead: Jeg gider ikke "optimere" til IE - jeg koder så vidt muligt efter standarderne under den betingelse af resultatet er brugbart i de væsentligste browsere. Met dette mener jeg, at jeg ikke vil lave en side der ikke kan ses i IE, selvom den overholder standarderne - jeg vil dog gerne lave en side der kun er basalt brugbar i eksempelvis IE, men kun helt korrekt og maksimalt funktionel i de browsere der også holder sig til standarderne!
Avatar billede bearhugx Nybegynder
30. juli 2003 - 13:38 #14
lordhead >> tilfreds ?
Avatar billede tipsen Nybegynder
30. juli 2003 - 14:17 #15
Jeg endte op med følgende css-kode:

/* Overskrifter */
h1 {
    font-size: 150%;
    font-weight: bold;
    border-bottom: 1px solid #333333;
}

h1:before {
    content: counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
    counter-reset: section;      /* Set section to 0 */
}

/* Underoverskrifter */
h2 {
    font-size: 125%;
    font-weight: normal;
    border-bottom: 1px solid #999999;
}

h2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
    counter-reset: subsection;
}

/* Underunderoverskrifter */
h3 {
    font-size: 115%;
    font-weight: normal;
    border-bottom: 1px dashed #CCCCCC;
}

h3:before {
    content: counter(chapter) "." counter(section) "." counter(subsection) " ";
    counter-increment: subsection;
}

Og jeg kan afsløre, at det ikke fungerer i hverken IE eller Mozilla 1.5a, men til gengæld fungerer i Opera, hvilket jeg faktisk var lidt overrasket over, da den halter lidt bagefter på andre områder (CSS) synes jeg.

Tak for hjælpen - og Erik: smider du et svar?
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 14:46 #16
Okay ;)
Avatar billede tipsen Nybegynder
30. juli 2003 - 15:08 #17
Tjahh - det var det svar vi kom fra ;-)
Avatar billede erikjacobsen Ekspert
30. juli 2003 - 16:00 #18
Oookay ;) Nu tror jeg at jeg forstår...
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