Stylesheet til tabeller

Jeg forstår egentlig ikke hvad dit problem er...
Kan du ikke uddybe?

mvh mrj

Jo, jeg ville såmænd blot gerne have et style sheet således at jeg centralt kan styre farver og layout af mine tabellen, ex.

<TABLE class=\"maintable\">
<TR>
<TD class=\"Heading\">Heading</TD>
</TR>
<TR>
<TD>
<TABLE class=\"contenttable\">
<TR>
<TD>Content</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Det der \'driller\' er at jeg ikke kan finde ud af at styre cellpadding og cellspacing i stylesheet.

Er det uddybning nok?

Har du prøvet med:
padding-top: 1
padding-bottom: 1
padding-left: 1
padding-right: 1
eller
padding: 1    (padding fra alle sider på en gang)

Eks:
<style>
.maintable { padding: 1; }

mvh mrj

Ja..

Jeg har følgende styles

.maintable
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    WIDTH: 600px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: deepskyblue
}
.contenttable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: white
}

Men problemet er at det laver en ramme på 2 pixels bredde i stedet for 1 som jeg ønsker.

Prøv at fjerne borderen med:
border-width: 0;

Altså sammen med de styles du allerede har...
Håber det hjælper.
mvh mrj

Jeg kan ikke finde ud af om det er min IE der er dum eller hvad, men det virker stadigt ikke...

Nu har jeg et style med PADDING og BORDER, nu mangler jeg bare SPACING ik?

Dette skulle løse dit problem... sådan som jeg ser det...

Lav en tabel med to celler Head og Content med hver sin .class som følger:

<html>
<head><title>bla.bla.</title>
<style>
.maintable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 600px;
    BACKGROUND-COLOR: deepskyblue;
    border-width: 1;
}
.contenttable
{ 
    padding: 3px;
    WIDTH: 100%; 
    BACKGROUND-COLOR: white;
}


</style>
</head>

<body>


<TABLE class=\"maintable\">
<TR>
<TD>
<P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
</TR>
<TR>
<TD class=\"contenttable\">Content</TD>
</TR>
</TABLE>
</body>
</html>

mvh mrj

Jeg er ked af at sige det, men det virker stadigt ikke...

Prøv at kikke på følgende kode. Den første tabel ser ud som den skal, meningen var så at lave den samme tabel i StyleSheets men som du kan se, så er de ikke ens!

<HTML>
<HEAD>
<TITLE>Table design med stylesheet</TITLE>
<STYLE>
.main
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 600px;
    BACKGROUND-COLOR: deepskyblue;
    border-width: 1;
}
.content
{ 
    padding: 3px;
    WIDTH: 100%; 
    BACKGROUND-COLOR: white;
}
</STYLE>
</HEAD>
<BODY>
<H3>Almindelig table</H3>
<TABLE bgcolor=deepskyblue border=0 width=600 cellpadding=1 cellspacing=0>
    <TR>
        <TD>
      <P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
    </TR>
    <TR>
        <TD>
            <TABLE bgcolor=white border=0 width=\"100%\" cellspacing=1 cellpadding=1>
                <TR>
                    <TD>Content</TD>
                </TR>
            </TABLE>
        </TD>
    </TR>
</TABLE>
<P>
<H3>Table med style</H3>
<TABLE class=main>
    <TR>
        <TD>
      <P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
    </TR>
    <TR>
        <TD>
            <TABLE class=content>
                <TR>
                    <TD>Content</TD>
                </TR>
            </TABLE>
        </TD>
    </TR>
</TABLE>
</BODY>
</HTML>

Ups... var lige en tast for hurtigt... havde ikke set dit forslag med style på celler..

Men det er sgu irriterende at det andet ikke vil virke..

Yep!
Men virker det med style på celler?

Nope, den er stadigt for tyk...

... kanten/rammen omkring contenttable..

Jeg tror desværre at jeg må melde pas...
Så vidt jeg ved findes der ingen css egenskab der hedder noget med spacing.

Så det ser ud til at du må gøre det på den hårde måde, med det der virker.

mvh mrj

Prøv det her!!

<HTML>
<HEAD>
<TITLE>Table design med stylesheet</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<STYLE>
.main
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 600px;
    BACKGROUND-COLOR: deepskyblue;
    border-width: 1;
}
.content
{ 
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0; 
    WIDTH: 100%; 
    BACKGROUND-COLOR: white;
        border-width: 1;
}
</STYLE>
</HEAD>
<BODY>
<H3>Almindelig table</H3>
<TABLE bgcolor=deepskyblue border=0 width=600 cellpadding=1 cellspacing=0>
    <TR>
        <TD>
      <P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
    </TR>
    <TR>
        <TD>
            <TABLE bgcolor=white border=0 width=\"100%\" cellspacing=1 cellpadding=0>
                <TR>
                    <TD>Content</TD>
                </TR>
            </TABLE>
        </TD>
    </TR>
</TABLE>
<P>
<H3>Table med style</H3>
<TABLE bgcolor=deepskyblue border=0 width=600 cellpadding=1 cellspacing=0>
    <TR>
        <TD>
      <P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
    </TR>
    <TR>
        <TD>
            <TABLE class=content>
                <TR>
                    <TD>Content</TD>
                </TR>
            </TABLE>
        </TD>
    </TR>
</TABLE>
</BODY>
</HTML>

mvh. Djalfe

Både ja, og nej....

Det virker jo kun fordi at der ikke bruges stylesheet på den første tabel, og så er jeg jo lige langt....

Jeg tror at konlusionen må være, at det eneste der kan \'pilles\' ved via CSS er bredden og farven.

Så fandt jeg selv løsningen.....

Problemet er at jeg oprindeligt brugte nestede tabeller (table i table), og da denne teknink er renundant når man bruger CSS, så skal man altså _ikke_ lave nestede tabeller, men der i mod to seperate tabeller, som hvist her:

<HTML>
<HEAD>
<TITLE>Table design med stylesheet</TITLE>
<STYLE>
.main
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 600px;
    BACKGROUND-COLOR: deepskyblue;
    border:  1 solid deepskyblue
}
.content
{ 
    padding: 3px;
    WIDTH: 600px;
    BACKGROUND-COLOR: white;
    border:  1 solid deepskyblue
}
</STYLE>
</HEAD>
<BODY>

<H3>Table med style</H3>
<TABLE CLASS=MAIN>
        <TD><P align=center><FONT color=white><STRONG>Heading</STRONG></FONT></P></TD>
</TABLE>
<TABLE class=content>
    <TD>Content</TD>
</TABLE>
</BODY>
</HTML>

Det virker....