Hoogte; CSS probleempje

Plak je CSS eens hierheen.

Je hebt iniedergeval niet wat Jan schreef doorgevoerd in je script.

<LINK HREF="stijlen/basis.css" REL="stylesheet" TYPE="text/css">
<STYLE TYPE="text/css">
<!--
//ik had hier eerst @ import url maar dan werkt het al helemaal niet meer.
TD.index { margin: 0; }
TD.nieuw { font-size: 10pt; }
A:link { text-decoration: none; color: #000066; }
A:visited { text-decoration: none; color: #000066; }
A:active { text-decoration: none; color: #000066; }
A:hover { text-decoration: overline underline; color: #FFFF00; }
#lijnen { margin-left: auto; margin-right: auto; width: 500px; border : 1px solid #000000; background-color : #B35C00; }
SPAN.pijl { font-size: 14pt; }
-->
</STYLE>

In stijlen/basis.css staat dit:
TD.index { vertical-align: top; }//heb alleen de dingen die van belang zijn, er staat wel meer in.

En in de gewoon HTML:
<TD CLASS="index" ID="kleur">...en verderop...</TD>



@ Kalle jawel hoor

Ik bedoel dit:

* {margin:0;padding:0px;}
BODY { font-family: Arial, Times new roman, Helvetica, sans-serif; font-size: 12pt;
color: #000000; background-color: #FF8300;}

A:link { color: #CC0000; }
A:visited { color: #CC0000; }
A:active { color: #CC0000; }

B.spel { color: #FFCC00; }

H2 { color: #CC3333; background-color: #CCCCFF; }

SELECT.info { background: #CC66CC; }
HR { color: #FF0000; }
HR.zoek { color: #33FF66; }
UL { list-style-type: square; font-size: 12px; color: #FFFF99 }
ACRONYM { cursor: help; }

.groen { background-color: #00FF00; font-size: 10pt; }
.bgroen { background-color: #00FF00; font-size: 12pt; }

TD.spel { text-align: right; }
TD.spr { text-align: center; background-color: #FFFF99; }
INPUT.bradio { background: lime; }
TD.index { padding: 0px 10px; vertical-align: top; }

INPUT.button { font-size: 7pt; }
TD.info { text-align: left; vertical-align: top; }

TD.mail { font-style: italic; }

H2.vmail { color: #000000; background-color: #0099CC; }
TD.vvmail { text-align: center; vertical-align: top; }

#kleur { background-color: #FF6600; border: 1px solid #990000; }

Raymond schreef op 03.03.2006 20:16

@ Kalle jawel hoor

Vind je dit:
* {
margin: 0;
}

het zelfde als:
TD.index { margin: 0; }

Met het eerste zet je alle tabellen, td, div, ... op margin 0, en met TD alleen de td's. En dat het zo laag komt te staan heeft niks met de td's te maken maar zit er buiten.

Ok het werkt! Ik dacht namelijk dat je voor de * de TD moest invullen.
Alleen nu eb ik een ander probleem; de hele zooi wil niet meer gecentreerd weergegevn worden, hoe los ik dit op? in de tabel staat ALIGN="center" maar dat maakt geen verschil.

Centreren in CSS doe je niet met een tabel.

Begin je pagina met een div waar ALLES in staat, inclusief je tabel. Geef hem als id 'container'.

<div id="container">
</div>

In je CSS doe je nu:

#container {
margin: 0px auto;
width: 700px;
}

Je kan ook heel simpel je tabel centreren.
<center>
.....
</center>

Yes, het is gelukt, bedankt!
Heb ik weer wat geleerd, ik heb net alles even op een kladje gezet zodat ik zoiets niet vergeet!