Lid |
|
Hallo,
Ik heb de volgende code, waarin ik een plaatje links heb staan im de kop mooi aan te kleden. Het is de bedoeling dat dit plaatje de hele hoogte van de cel inneemt, maar om de een of andere reden komen er twee pixels onder te staan.
Kijk anders even op: http://www.snoeken.net/index.php?pagina=aastest naar de bovenste kop.
Ik gebruik de volgende html:
<table class="koptabel_boven" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="menucel_kop" width="10">
<img src="image/spacer_left.jpg">
</td>
<td class="menucel_kop">
<b><? echo $koptekst; ?></b>
</td>
</tr>
</table>
<table class="koptabel_boven" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="menucel_kop" width="10"> <img src="image/spacer_left.jpg"> </td> <td class="menucel_kop"> <b> <? echo $koptekst; ?></b> </td> </tr> </table>
en de volgende css:
.koptabel_boven{
width: 100%;
color: #000000;
background-color: #3399FF;
border-style: solid;
border-width: 0px;
border-color: #FFFFFF;
border-collapse: collapse;
font-size: x-small;
}
.menucel_kop {
height: 25px;
vertical-align: middle;
background-image: url('/image/back2.jpg');
text-align: left;
border-width: 0px;
}
.koptabel_boven{ width: 100%; color: #000000; background-color: #3399FF; border-style: solid; border-width: 0px; border-color: #FFFFFF; border-collapse: collapse; font-size: x-small; } .menucel_kop { height: 25px; vertical-align: middle; background-image: url('/image/back2.jpg'); text-align: left; border-width: 0px; }
Heeft iemand een oplossing, zodat de kop netjes op de oranje balk komt te staan, zonder de twee extra pixels er tussen?
Alvast heel erg bedankt!
P.s. Het rare is dat hij het in FireFox wel gewoon goed weergeeft. Ik denk dat ik iets fout doe in de Css.
|