08. januar 2005 - 21:57Der er
12 kommentarer og 1 løsning
CSS paa en tabel
Jeg har en tabel med masser af celler. Hver enkelt celle indeholder tekst. Jeg kunne godt taenke mig at formatere teksten til en anden font via CSS. SKAL jeg saette class paa hvert enkelt element, eller kan man saette det en gang for alle paa tabel/tr taggen?
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
Slettet bruger
08. januar 2005 - 22:03#1
<snip fra 9am.dk> Med inline CSS kan du sætte en egenskab og en værdi direkte på et element - Det kan eksempelvis være en bestemt tekst man ønsker skal være lidt anderledes, derfor kan du med fordel bruge inline CSS til dette. Vi antager at vi har en tekst der står inde i et <p> og den vil vi gerne have rød og skrevet i fonten times new roman:
<span style="font-family:'times new roman',serif; color:red">Din tekst her</span>
I inline CSS kan du sætte nøjagtig de samme egenskaber og værdier for elementer som i de internt stylesheet og eksternt stylesheet, men for overskuelighedens skyld er det rarest at have det hele samlet i en selvstændig fil - ret koden et sted, se effekten over hele hjemmesiden.
Du kan bare udnytte det css er beregnet til, nemlig cascading, altså nedarvning via klasser, så sæt en klasse på din tabel, som skal have det bestemte udseende, og definer, hvordan cellerne skal se ud, når de forekommer inde i elementer af den klasse:
<table class="tekstTabel"> <tr> <td>Her er en tekst formatteret specielt</td> </tr> </table> <table> <tr> <td>Her er en tekst, som er helt normal</td> </tr> </table>
Jeg kunne godt taenke mig at vide en ting. Jeg har maaske 10 forskellige klasser, e.g. A TABLE TD osv. der hver har defineret en style. De alle har font klasse og stoerrelse til faelles. Kan man give alle disse "standard" attributter via en style definering, og derefter specificerer dem hver isaer?
TABLE, TD, A {font-family: foobar; font-size: 8} TD {background-color:#ffaaff} TABLE {background-color:#ffBBff} A {background-color:#ffCCff}
Med en enkelt lille ændring er den helt lovlig. Sæt altid enheder på dimensioner i CSS. Det er yderst sjældent, de kan undværes - så brug dem hellere overalt: table, td, a {font-family: foobar; font-size: 8px}
Endvidere gør du klogt i at vende dig til at bruge lowercase til tag-selectors - det bliver du alligevel tvunget til indenfor de næste par år. Det er dog ikke en egentlig fejl, endnu :)
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.