CSS - tabeller

Ja det er muligt! For eksempel som nedenfor:

<html>
<head>
<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:         verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
</tr>
</table>
</body>
</html>

læs en masse om css
www.html.dk/tutorials/css

bliver lige krævende - hvordan skal det se ud hvis jeg vil ha det i et eksternt stylesheet?

<html>
<head>
<LINK REL=\"StyleSheet\" HREF=sheet.css TYPE=\"text/css\" >
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
</tr>
</table>
</body>
</html>



, hvor



<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>




indsættes i en fil der kaldes \"sheet.css\".

i dit stylesheet behøver du ikke starte filen med

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

td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }

nu skal jeg så ha et baggrundsbillede istedet - men det her vil den bare ikke....

<style type=\"text/css\">
td.celle        {
        background-image: url(\"bg.gif\");
        font-family:        arial;
        font-size:        12;
        height:            20px;
        color:            #999999;
        }
</style>

hvorfor?

ahaaaa...... det var fordi <style type=\"text/css\"> ikk skulle med - tark

så bare lige en sidste ting - kan man definere flere forskellige celler i et stylesheet?

Ja, sagtens!

<html>
<head>
<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
td.celle2        {
        background-color:    #cccccc;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
<td class=\"celle2\">Test2</td>
</tr>
</table>
</body>
</html>

, ok tak for points! :)

cool
og hvordan definerer man så hvordan selve tabellen skal være hvis oss man vil gøre det
altså <table>
og så skal jeg nok stoppe :)

Øhh, det ved jeg faktisk ikke helt! :(

oki - helt i orden :)

takker for hjælpen

linkfarver angives med hvad??

a {
  color:#336666;
}

altså
link
vlink
og alink

<style>
<!--
a:link
{
  color: #000000;
  text-decoration: none;
}
a:visited
{
  color: #000000;
  text-decoration: none;
}
a:hover
{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
-->
</style>

taaark :)

table  {
    border-width: 1px;   
    border-style: dashed ;   
    border-color: silver;
}

så er jeg her igen i det håb at nogen stadig er vågne :)

cellpadding og cellspacing hvordan angives de?

tror ikke de kan sættes via css, men kun direkte i <table cellpadding=......

oki :)

fortsætter her
http://www.eksperten.dk/spm/146201

style=\"padding: 2px;\"

eller, alternativt...

style=\"padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 4px;\"

/lerchedahl