Avatar billede npr Nybegynder
26. januar 2002 - 17:18 Der er 6 kommentarer og
1 løsning

CSS og kolonnestørrelser

Hej alle

Det kan godt være at det virker som et totalt åndsvagt spørgsmål, men jeg KAN altså ikke komme videre :-(

På denne adresse http://www.html.dk/scripts/css/00002/ er der en vejledning i at lave tabeller med CSS, meget nysseligt.

Men hvordan får jeg tilrettet CSS'en så jeg får følgende kolonnestørrelser:

Kolonne 1: width:40;
Kolonne 2: width:400;
Kolonne 3: width:100;
Kolonne 3: width:100;

Med trætte hilsener
npr


Avatar billede npr Nybegynder
26. januar 2002 - 17:23 #1
Undskyld.... følgende kolonnestørrelser er altså:

Kolonne 1: width:40;
Kolonne 2: width:400;
Kolonne 3: width:100;
Kolonne 4: width:100;
Avatar billede werd Nybegynder
26. januar 2002 - 17:47 #2
bruger du internt eller eksternt stylesheet?
Avatar billede werd Nybegynder
26. januar 2002 - 17:52 #3
du kan lave en id for de forskellige:

<table>
<tr>
<td id="3">kolonne 1</td>
<td id="2">kolonne 2</td>
<td id="1">kolonne 3</td>
<td id="1">kolonne 4</td>
</tr>
</table>

og så skal du sætte følgende i dit stylesheet:

#1 {width:100px;}
#2 {width:400px;}
#3 {width:40px;}
Avatar billede npr Nybegynder
26. januar 2002 - 18:04 #4
Hej, tak for det hutige svar.

Det lader til at det ikke virker :-/

Jeg bruger et eksternt stylesheet.

Mit stylesheet ser således ud:

table
    {
    table-layout:fixed;
    font-family:verdana;
    font-size:0.7em;
    }
th
    {
      color:#FFFFFF;
    background:#13AE7D;
    }
td
    {
    background:#BAF4E1;
    }
tr.diff td
    {
    background:#C2ECDF; 
    }
caption
    {
    text-align: left;
    font-weight: bold;
    }
col
    {
    text-align:left;
    width:40;
    }
colgroup
    {
    text-align:left;
    width:400;
    }

#1 {width:100px;}
#2 {width:400px;}
#3 {width:40px;}

******Og selve siden er her:*******

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>Faglitteratur/Ringsted</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<LINK HREF="../../Stylesheets/indhold.css" REL="stylesheet" TYPE="text/css">
<LINK HREF="../../Stylesheets/tabel_faglitteratur_indhold.css" REL="stylesheet" TYPE="text/css">
</HEAD>
<BODY>
<IMG SRC="faglitteratur_ringsted.gif" BORDER="0" WIDTH="725" HEIGHT="50" ALIGN="bottom" ALT=""><BR>
<FONT FACE="Verdana" SIZE="-2" COLOR="#C0C0C0"><!-- WebWriter AutoDato -->Opdateret d. 26.01.02<!-- WW --></FONT>
<BR><BR>
<FONT FACE="Verdana" SIZE="2" COLOR="#000000"><I>Ansvarlig: Peter Øxnæs</I></FONT><BR><BR><BR>
<TABLE BORDER="0">
<caption>Statens ByggeforskningsInstitut (SBI)</caption>

<col></col>
</colgroup span="5"></colgroup>

<thead>
<tr>
<th>NR.</th>
<th>Titel</th>
<th>Udgavenr.</th>
<th>Udgivelsesår</th>

</tr>
</thead>

<tbody>
<tr>
<td id="3">01</td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td> 
<td id="1">&nbsp;</td>
</tr>

<tr class="diff">
<td id="3">&nbsp;</A></td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td>
<td id="1">&nbsp;</td> 
</tr>

<tr>
<td id="3">&nbsp;</td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td> 
<td id="1">&nbsp;</td>
</tr>

<tr class="diff">
<td id="3">&nbsp;</td>
<td id="2">&nbsp;</td>
<td id="1">&nbsp;</td>
<td id="1">&nbsp;</td> 
</tr>

<tr>
<td id="3">&nbsp;</td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td> 
<td id="1">&nbsp;</td>
</tr>

<tr CLASS="diff">
<td id="3">&nbsp;</td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td>
<td id="1">&nbsp;</td> 
</tr>
</tbody>

</table>

<BR>
<BR>
</BODY>
</HTML>

Det kan være der er et eller andet jeg har overset :-/

Hilsen
npr
Avatar billede npr Nybegynder
26. januar 2002 - 19:08 #5
Hej igen

Jeg fandt ud af det :-)

ID'en skal være i <TH> taggen, og ikke i <TD> :-)

Men ellers tak fordi du ledte mig i den rigtige retning !

Venlige hilsener
npr
Avatar billede werd Nybegynder
26. januar 2002 - 20:20 #6
det her virker fint for mig...

<html>
<head>
<style>
#1 {width:100px;}
#2 {width:400px;}
#3 {width:40px;}
</style>
</head>
<body>
<table border="1">
<tr>
<td id="3">01</td>
<td id="2">&nbsp;</td> 
<td id="1">&nbsp;</td> 
<td id="1">&nbsp;</td>
</tr>
</table>
</body>
</html>
Avatar billede werd Nybegynder
26. januar 2002 - 20:22 #7
men det er godt du har løst det... ;-)
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