PDA

Volledige versie bekijken : Style in een <table>-tag werkt niet.


Skwerl
%Europe/Berlin %526 %2005, 13:38
Hey, ben nieuw op dit forum, maar kunnen jullie me desondanks toch helpen?

Ik gebruik sindskort FireFox als standaardbrowser, en merk dat FF erg kieskeurig is met CSS, en tables.

Ik heb 2 problemen.
1. Ik gebruik "style=" om een rand om 'n table heen te krijgen.
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" style="border: 1 #C19B64 solid; font-style:verdana; font-size:9pt; font-color: #000000 ">
Bij IE werkt ie perfect, alleen bij FF dus niet. Hoe kan ik zorgen dat hij het bij FF wel doet?


2. De betreffende tabel is van een weblog, en ik heb de hoogte van de onderste en bovenste kolom vastgesteld, en bij de bovenste wordt de hoogte ook netjes 10 pixels, alleen bij de onderste kolom is de hoogte veel groter dan 10 pixels. Wie weet er hoe dit komt, en hoe ik dit kan veranderen?

Bij voorbaat dank,

<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" style="border: 1 #C19B64 solid; font-style:verdana; font-size:9pt; font-color: #000000 ">
<tr>
<td height="10" colspan="2" bgcolor="#C19B64"><b>Name</b></td>
<td height="10" bgcolor="#C19B64" align="right"><i>Datum<i></td>
</tr>
<tr>
<td colspan="3"><i>Text<br>&nbsp;</i></td>
</tr>
<tr>
<td bgcolor="#C19B64" height="10">By:<b> Poster</b></td>
<td bgcolor="#C19B64" height="10">Catgorie</td>
<td bgcolor="#C19B64" height="10">Top</td>
</tr>
</table>

SubZero
%Europe/Berlin %535 %2005, 13:50
Is er een specifieke reden om deze style in de HTML zelf toe te passen? Waarom geef je de tabel geen class mee en style je ze in een externe stylesheet?

En het heeft niets dan voordelen dat FF kieskeurig is. Zo word je gedwongen de regels correct toe passen. IE staat de grootste tag soup toe, wat pure vervuiling van het web is, en by the way nefast is voor de snelheid van jouw website. Gelukkig leven we niet meer in een über IE tijdperk.

Gerrit55
%Europe/Berlin %543 %2005, 14:02
Controleer wel eerst je syntax:
font-style ?? = font-family
font-color ?? = color

maak een stylsheet en zet in je tabel je class:

<style type="text/css">
.rand {
border: 1px solid #CC99CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
}
</style>
</head>
<body>
<table class="rand" width="500" border="0" cellspacing="0" cellpadding="0" align="center">

mknol
%Europe/Berlin %575 %2005, 14:48
ipv van 2x font te gebruiken kun je dit ook samenvoegen:

font: 9pt Verdana, arial, helvetica, sans-serif;