noot: ik zie net dat de titel niet goed is maar deze kan ik niet wijzigen?!?! onderwerp aangepast -- KwarK
Ik ben een site aan het bouwen en redelijk op weg maar ik stuit hier op een probleem.
Ik heb een structuur waarbij ik in het middenbovenaan een hoofdafbeelding heb (logo e.d.) en daaronder drie menuknoppen. Het probleem is dat er om de hoofdafbeelding een witte rand van ik denk 2px groot komt, zie afbeelding bijgevoegd...noot: ik zie net dat de witte rand ontstaat doordat ik een witte achtergrond het ingevuld voor die cel in de htmlcode (bgcolor=white) ... maar dan nog klopt het niet want de afbeelding die de cel opvult is precies evengroot als de cel dus zou die de hele achtergrond moeten vullen..is het duidelijk wat ik bedoel?
Ook zit er een ruimte van ongeveer 2px tussen de drie menuknoppen die ik niet in de code zie? Hierdoor sluiten de menuknoppen niet aan wat er niet mooi uitziet.
Hoe kan ik die rand weghalen?
Hieronder de code van de website zover:
Ik ben een site aan het bouwen en redelijk op weg maar ik stuit hier op een probleem.
Ik heb een structuur waarbij ik in het middenbovenaan een hoofdafbeelding heb (logo e.d.) en daaronder drie menuknoppen. Het probleem is dat er om de hoofdafbeelding een witte rand van ik denk 2px groot komt, zie afbeelding bijgevoegd...noot: ik zie net dat de witte rand ontstaat doordat ik een witte achtergrond het ingevuld voor die cel in de htmlcode (bgcolor=white) ... maar dan nog klopt het niet want de afbeelding die de cel opvult is precies evengroot als de cel dus zou die de hele achtergrond moeten vullen..is het duidelijk wat ik bedoel?
Ook zit er een ruimte van ongeveer 2px tussen de drie menuknoppen die ik niet in de code zie? Hierdoor sluiten de menuknoppen niet aan wat er niet mooi uitziet.
Hoe kan ik die rand weghalen?
Hieronder de code van de website zover:
HTML:
<html>
<head>
<title>MaHe, uw partner in Budoartikelen en maatwerk</title>
<link rel="stylesheet" type="text/css" href="main.css"/>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body class="body" onLoad="MM_preloadImages('images/Budoartikelen2.png','images/Maatwerk2.png','images/contact2.png')">
<table width="794" border=0>
<tr>
<td colspan="3" height="125" align="center" vertical-align="center" bgcolor=white><b><img src="images/Titelafbeelding.png"></b></td>
</tr>
<tr>
<td width="260" height="40" align="center" vertical-align="center"><a href="budoartikelen.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Budoartikelen','','images/Budoartikelen2.png',1)"><img src="images/Budoartikelen1.png" alt="Budoartikelen" name="Budoartikelen" width="260" height="40" border="0"></a></td>
<td width="260" height="40" align="center" vertical-align="center"><a href="maatwerk.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Maatwerk','','images/Maatwerk2.png',1)"><img src="images/Maatwerk1.png" alt="Maatwerk" name="Maatwerk" width="260" height="40" border="0"></a></td>
<td width="260" height="40" align="center" vertical-align="center"><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact2.png',1)"><img src="images/contact1.png" alt="Contact" name="Contact" width="260" height="40" border="0"></a></td>
</tr>
</table>
<table width="794" border="0">
<tr>
<td width="25%" height="400" bgcolor="green" align="center" vertical-align="center"><b>SUBMENUKNOPPEN</b></td>
<td width="75%" class="main">
<h1>Welkom op de site van Mahe, uw partner in Budoartikelen en maatwerk</h1>
<br>
<br>
Wij zijn een klein bedrijf ... bla bla ...
</td>
</tr>
</table>
</body>
</html>Bijlagen
Laatst bewerkt door een moderator:
) dat de breedte van de rij van titelafbeelding niet hetzelfde hoeft te zijn als de breedte van de rij van de drie menuknoppen. Maar ik heb je wijziging toegepast en het 
