Hallo iedereen,
ik zit een beetje vast met de opmaak van mijn site, namelijk bij het invoeren van een table toont hij de tekst niet zoals op andere pagina's... bv. er zit teveel wit ruimte tussen de 2e regels en lettertype is de groot, dit is alleen bij een table..
demo:
klik
hoe kan ik dit oplossen?
De pagina waar het dus voorkomt
PHP
<b>Hier kan je hout verzamelen!</b>
Hier kan je om de 2u hout hakken!
<div class="hr"></div>
<table width="500" font="14px" border="0" cellpadding="0" cellspacing="0">
<tr width="500">
<td width="250" height="-30" class="top_first_td"><b>Omschrijving</b></td>
<td width="100" height="-30" class="top_td"><b>Aantal</b></td>
<td width="120" height="-30" class="top_td"><b>Maak</b></td>
</tr>
</table>
<form method="post">
<table width="500">
<tr width="500">
<td width="250" height="-30" align="left">100 hout</td>
<td width="100" height="-30" align="left"><img src="images\icons\silver.png" border="0" alt="Silver" title="Silver" /> 1.000</td>
<td width="120" height="-30" align="right"><input type="image" src="/images/icons/buypremium.gif" name="ruil3" value="Buy" /></td>
</tr>
</table>
</form>
<form method="post">
<table width="500">
<tr width="500">
<td width="250" height="-30" align="left">500 hout</td>
<td width="100" height="-30" align="left"><img src="images\icons\silver.png" border="0" alt="Silver" title="Silver" /> 5.000</td>
<td width="120" height="-30" align="right"><input type="image" src="/images/icons/buypremium.gif" name="ruil4" value="Buy" /></td>
</tr>
</table>
</form>css:
PHP
hr{
width: 555px;
}
.hr{
width: 557px;
height:1px;
background-image: url('images/layout/hr_blauw.png');
}
body {
background-image: url('images/layout/background.png');
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 15px;
}
.header {
background-image: url('images/layout/header.png');
width: 960px;
height: 115px;
margin: 0px auto;
margin-top: 30px;
}
.logo {
background-image: url('images/layout/logo-tekst.png');
width: 230px;
height: 140px;
float: left;
margin-left: -50px;
margin-top: -30px;
}
.advertentie {
width: 468px;
height: 69px;
float: left;
margin-top: 20px;
margin-left: 50px;
}
.mascotte {
background-image: url('images/layout/mascotte.png');
width: 242px;
height: 181px;
float: right;
margin-top: -30px;
z-index:-1;
}
.content {
background-image: url('images/layout/content_bg.png');
width: 960px;
height: 779px;
margin: 0px auto;
}
.bar {
background-image: url('images/layout/nieuws-strook.png');
width:958px;
height:35px;
margin: 0px auto;
font-family: Verdana;
color: white;
font-size: 12px;
}
.right_menu {
width:177px;
height:273px;
margin-top: 30px;
margin-left: 592px;
background-image: url('images/layout/menu.png');
}
.left_menu {
width:177px;
height:273px;
margin-top: 30px;
margin-left: 7px;
background-image: url('images/layout/menu.png');
}
ul {
list-style-image: url('images/layout/menu_pijl.png');
}
li {
border-bottom: 1px dotted grey;
width:100px;
}
.mid
{
margin-top: 0px;
margin-left: 200px;
}
.center {
width: 468px;
height: -69px;
float: left;
margin-top: -580px;
margin-left: 16px;
}
.stats{
margin-top: 15px;
margin-left: 2px;
font-size: 15px;
}
.stats li { padding: 1px 0; float:right; }
div.red {
width: 557px;
color: #DC0000;
font-weight: bold;
background: #FFE5DF;
border: 1px solid #DC0000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
div.blue {
width: 557px;
color: #366BAF;
font-weight: bold;
background: #DFEFFF;
border: 1px solid #366BAF;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
div.green {
width: 557px;
color: #00a139;
font-weight: bold;
background: #dfffd6;
border: 1px solid #7cb86c;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
/* Tabellen */
.top_td{
height:25px;
background-color:#D4D7E6;
border-bottom: 1px dashed #354700;
font-weight:bold;
}
.top_first_td{
height:25px;
background-color:#D4D7E6;
border-bottom: 1px dashed #354700;
padding-left: 10px;
font-weight:bold;
}