Avatar billede Lasse Novice
08. januar 2005 - 21:57 Der 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?
Avatar billede 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.
Avatar billede steffansteffan Nybegynder
08. januar 2005 - 22:07 #2
Ja det kan du nemt ved og lave en ny class i din style fil:

------indsæt dette-------
}
td {
    font-family: Tahoma;
    font-size: 11px;
    color: #272727;
Avatar billede Lasse Novice
08. januar 2005 - 22:21 #3
steffanSteffan>> Jeg glemte lige at skrive, at der forekommer flere tabeller paa siden, men det er kun een af tabellerne der skal have dette 'look'.
Avatar billede steffansteffan Nybegynder
08. januar 2005 - 22:32 #4
Prøv og leg lidt med det der:

<table width="75%" border="1">
  <tr>
    <td style="font-family:'verdana, arial',serif; color:blue">sdfsdfsdf</td>
  </tr>
</table>
<table width="75%" border="1">
  <tr>
    <td>dfgdfgdfg</td>
  </tr>
</table>
Avatar billede Slettet bruger
08. januar 2005 - 22:41 #5
Dette i css :
#td {

background: #F2F2F2;
color: red;
}

og dette i html:

<div id="td">
De kom flyvende med storken<br>
til dette Gudsforladte sted<br>
Fra alle fire verdenhjørner<br>
hvis vi ta´r det hele med.
</div>
Avatar billede roenving Novice
09. januar 2005 - 14:57 #6
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:

<style type="text/css">
.tekstTabel td{
  color:red;
  font-style:italic;
}
</style>

<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>
Avatar billede Lasse Novice
10. januar 2005 - 17:29 #7
roenving>> det ser lige ud som det jeg har brug for...

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
Avatar billede Lasse Novice
10. januar 2005 - 17:31 #8
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}
Avatar billede roenving Novice
11. januar 2005 - 18:09 #9
Den konstruktion, du viser her, er helt lovlig !-)
Avatar billede olebole Juniormester
11. januar 2005 - 18:24 #10
<ole>

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  :)

/mvh
</bole>
Avatar billede Lasse Novice
13. januar 2005 - 00:55 #11
Jeg tror roenvig er ham der loeber med pointene... takker for alle svar.
Avatar billede roenving Novice
13. januar 2005 - 13:26 #12
Argh, så overså jeg den fejl igen ...

-- men els velbekomme '-)
Avatar billede roenving Novice
13. januar 2005 - 16:58 #13
-- og tak for point ;~}
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