CSS og tabeller

Prøv at sætte negative værdier. Men jeg tror nu ikke, du kan gøre så meget mere end det.

Desværre, det løser ikke problemet...

Hvad har du inden i disse tabel-celler? Er det billeder, tekst... ?

Principielt begge dele, men problemet er generelt og gælder også tabeller uden indhold...

www.html.dk -> css

Jeg kender godt linket, jeg bruger selv disse tutorials meget, de er fortræffelige, men lige netop mit konkrete problem har jeg ikke kunnet finde løsningen på hos www.html.dk

Til en anden gang, brug:

padding: ...
margin: ...
border: ...

Det fylder lidt mindre! :)

enig... men i min jagt efter løsningen på mit problem har jeg snart prøvet alt - også ovennævnte settings...
:-)

har du angivet css'en på både td'erne og dine tables?

Jeg har ex. to CSS'er (main og header)...

Før jeg ex. kører header, angiver jeg:
<TABLE CLASS=tableHeader><TR class=trHeader><TD class=tdHeader>


CSS:
----

<style>
<!--

.BodyDefault
{
background-color: #ffffff;
color: blue;
font-family: comic sans ms, arial, verdana, helvetica, 'sans serif';
font-weight: bold;
font-size: 14px;

padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;

margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;

border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
border-width: 0px;
}

.spalte1 { float:left; text-align: left; width: 33%; }
.spalte2 { float:center; text-align: left; width: 33%; }
.spalte3 { float:right; text-align: left; width: 33%; }

.kvartVenstre { float:left; text-align: left; width: 25%; }
.kvartCenter { float:left; text-align: center; width: 25%; }
.kvartHojre { float:left; text-align: right; width: 25%; }
-->
</style>


<style>
<!--

.tableHeader
{
vertical-align: top;
text-align: center;
width: 750;
}

.trHeader
{
}

.tdHeaderLeft
{
background-color: white;
vertical-align: top;
text-align: right;
width: 20%;
color: blue;
font-weight: bold;
font-size: 14px;
}

.tdHeaderCenter
{
background-color: white;
vertical-align: top;
text-align: center;
width: 60%;
color: blue;
font-weight: bold;
font-size: 48px;
}

.tdHeaderRight
{
background-color: white;
vertical-align: top;
text-align: right;
width: 20%;
color: blue;
font-weight: bold;
font-size: 14px;
}

A.LinkHeader:link
{
color: BLUE;
font-size: 10pt;
font-weight: bold;
text-decoration: NONE
}
A.LinkHeader:visited
{
color: BLUE;
font-size: 10pt;
font-weight: bold;
text-decoration: NONE
}
A.LinkHeader:active
{
color: BLUE;
font-size: 10pt;
font-weight: bold;
text-decoration: NONE
}
A.LinkHeader:hover
{
color: BLUE;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;

-->
</style>

PS. Nu vil nogen måske indvende, at jeg anvender <TD class=tdHeader>
- mens jeg CSS'en definerer tdHeaderLeft, tdHeaderCenter og tdHeaderRight...

Men det er nu udelukkende en fejl under kopieringen hertil... i mine scripts er der overensstemmelse...

Lukker og slukker