Bordercolor-funktion i XHTML

Du skal jo bruge style til borders. De virker dog sådan på tabeller at der kommer en ramme om hele tabellen, og ikke mellem cellerne. Dertil skal cellerne også have border defineret for sig.
bordercolor kan oversættes til:
style="border-color: #000000;"
ved dog ikke om det giver helt samme resultat.

Ellers kan du downloade denne freeware editor - den kan validere og tilpasse din kode, så den overholder xhtml-standarden

http://download.com.com/3000-2048-4687625.html?tag=lst-0-1

den gamle bordercolor attribut i <table kommandoen farver border rundt om alle tabelceller.
CSS's  style="border: 2px solid #000000"  farver kun selve den ydre tabelramme.
der kan evt sættes individuelle borders om de enkelte tabelceller

Egentlig kan det gøres helt uden border :)

<div style="background-color: black;">
<table cellspacing="1" style="width: 100%;">
<tr>
<td style=" background-color: red;">
1
</td>
<td style=" background-color: red;">
2
</td>
</tr>
<tr>
<td style=" background-color: red;">
3
</td>
<td style=" background-color: red;">
4
</td>
</tr>
</table>
</div>

du skal så ned igen og bestemme hvert td vis du ikke bruger td { }...

/Casper www.enter-s.dk

xzxzx >> Den var smart. Men hvad nu hvis tabellen ikke skal være 100%?

Minimere selvfølgelig bare div :o)

Mangler lige 2 "oversættelser" før point uddeles. Jeg vil gerne have dette til, at stå i det eksterne stylesheet:

Tabel:
cellspacing="1"

Div:
align="center"

Der er noget, der hedder vertical-align men det er vel noget, der burde hedde horisontal-aglign jeg skal have fat i?

align er:
text-align: center;
og der kan du i css også vælge justify, der giver lige margener
cellspacing kender jeg ikke lige

text-align: center; <-- virker ikke. Sådan her?

div.BlueGrey {
background-color: #000099;
width: 0%;
text-align: center;
}

cellspacing er en attribut og ikke en style. du kan ikke definrere den i et stylesheet.

ttext-align virker ikke siger du. Det er nok, fordi div'et er 0% bred, skal du se.

hells >> Jeg har prøvet, at ændre på breden - det hjalp ikke.

det skal det. følgende bør virke:
div.BlueGrey {
background-color: #000099;
width: 100%;
text-align: center;
}

Jeg ønsker selve div'en centreret, ikke kun indholdet.
(Fik jeg hvis ikke forklaret)

Så lav det som et span inden i et div:
stylesheet:
span.BlueGrey {
background-color: #000099;
width: 100%;
}

div.udenom {
text-align: center;
}

HTML-dokument:
<div class="udenom">
<span class="BlueGrey">mintekst</span>
</div>

Kanon - perfekt. Virker lige som det skal :o)

=maddog= siger så, at der ikke er noget, at gøre ved cellspacing. Nogen der har en alternativ løsning til det?
Det ser bedst ud med den tynde streg som cellspacing="1" giver.

jeg har desværre ikke. du må vel nøjes med at bruge attributten, cellspacing og en background-color via css. Det er måske ikke valid xhtml, men browserne har vist ikke svært ved at forstå det alligevel :)

cellspacing er skam korrekt xhtml - så jeres løsning fungere udmærket. Det er bare mig der vil være lidt vanskelig ;o)

xzxzx >> Smider du ikke også et svar?

Hvis du vil "smelte" cellerne helt sammen, mener jeg du kan bruge denne:

table{
border-collapse:collapse;
}
td{
  margin:0px;
}

<!-- KOMMENTAR START -->

Isteder for at lave tables, kan du jo lave det hele i boxes via div-tagget. Så kan du ændre bordercolor, size osv. via din CSS.



/ nikolaj