Avatar billede Noam-9 Praktikant
10. januar 2002 - 14:37 Der er 12 kommentarer og
1 løsning

Styre tabel fra CSS

Hvordan kan man paa en eller anden snedig maade styre en eller flere tabeller fra et css?

Jeg har et site hvor alle siderne er bygget op med en 3*3 tabel, hvor kolonnerne er henholdsvis 20%, 60% og 15% brede. Det vil jeg gerne kunne styre fra et mit css, saa jeg ikke skal retten i koden 135 steder naar jeg har 15 sider, der alle skal aendres i samme forhold.
Avatar billede pelkjaer Nybegynder
10. januar 2002 - 14:46 #1
Brug class\'s.

Få evt lidt inspration her.
Avatar billede pelkjaer Nybegynder
10. januar 2002 - 14:46 #2
Avatar billede ckh Nybegynder
10. januar 2002 - 14:52 #3
CSS kan styre hele dit lay-out fra en ekstern fil. Få evt. lidt inspiration her:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Avatar billede ztyxx Nybegynder
10. januar 2002 - 14:52 #4
ID i dine <td>

et lille eks

<html>
<head>
<title>CSS i tabeller</title>

<style type=\"text/css\">

td.hoejre {
  width:20%;}

td.midt {
  width:50%;}

td.venstre {
  width:30%;}

</style>
</head>
<body>

<table border=1 width=100% height=100%>
  <tr>
    <td class=hoejre>Højre</td>
    <td class=midt>Midten</td>
    <td class=venstre>Venstre side</td>
  </tr>
</table>
</body>
</html>
Avatar billede ztyxx Nybegynder
10. januar 2002 - 14:53 #5
damn, glemte at refreshe inden jeg postede:-)
Avatar billede Noam-9 Praktikant
10. januar 2002 - 15:00 #6
Det har jeg proevet uden held. Men maaske er der noget galt med maaden jeg goer det paa?

****html****
<table border=\"1\" width=\"100%\">
  <tr>
    <td class=\"kolonneet\">Celle 1.1</td>
    <td class=\"kolonneto\">Celle 1.2</td>
    <td class=\"kolonnetre\">Celle 1.3</td>
  </tr>
  <tr>
    <td class=\"kolonneet\">Celle 2.1</td>
    <td class=\"kolonneto\">Celle 2.2</td>
    <td class=\"kolonnetre\">Celle 2.3</td>
  </tr>
  <tr>
    <td class=\"kolonneet\">Celle 3.1</td>
    <td class=\"kolonneto\">Celle 3.2</td>
    <td class=\"kolonnetre\">Celle 3.3</td>
  </tr>
</table>
****html-slut****

****css****
.kollonneet { width: 10% }
.kollonneto { width: 20% }
.kollonnetre { width: 70% }
****css-slut****
Avatar billede ztyxx Nybegynder
10. januar 2002 - 15:02 #7
du mangler td foran dine classes

****css****
td.kollonneet { width: 10% }
td.kollonneto { width: 20% }
td.kollonnetre { width: 70% }
****css-slut****
Avatar billede cpt.kangaroo Nybegynder
10. januar 2002 - 15:11 #8
Nope, det er fordi han har stavet kolonne/kollone forskelligt :-)
Avatar billede ztyxx Nybegynder
10. januar 2002 - 15:14 #9
cpt.kangaroo> dohhh, det er det sq da ozzz :-)
Avatar billede Noam-9 Praktikant
10. januar 2002 - 15:17 #10
Damn hvor er det surt at lave saadan en spasserfejl, og ovenikoebet sende ind til et forum. Oev Oev Oev.
tak for det.
¿nogen der vil have point?
Avatar billede ztyxx Nybegynder
10. januar 2002 - 15:19 #11
littleboy, behold selv min del :-)
Avatar billede cpt.kangaroo Nybegynder
10. januar 2002 - 15:42 #12
Ok, så gi\' mig et par, for påpegelsen af doh\'erten :-)
Avatar billede Noam-9 Praktikant
29. august 2002 - 11:13 #13
Bedre sent end aldrig... :)
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