hallo, ik heb hier een site gemaakt, met als menu hover images. als ik hier overheenga, zie ik een geel vlak ipv een plaatje, hij verandert wel, maar er zit dus geel tussen, weet iemand hoe ik dit op kan lossen?

de site is http://trojaanse-oorlog.be

alvast bedankt!!
Ik heb um gezien, en het eerste wat me al opvalt is dat de site niet werkt onder Mozilla ):

Na dat ik IE weer terug gevonden had op m'n pc heb ik speciaal voor jou die weer afgestoft en opgestart.. toen begon er al wat meer te werken (;

Om te beginnen zou ik met PNG's, GIF's, of JPG's werken, maar zeker geen BMP. Maar dat ff ter zijde..

Je probleem zit um (zo gok ik) volledig in de CSS code.

Stukje uit de code van je menu:

<!-- Dropdowns -->
<div id="dropdown1" style="left: 38px; visibility: hidden; width: 144px; position: absolute; top: 407px; height: 100px">
<table class="popup" onmouseover="clearTimeout(timerID)" onmouseout="timerID=setTimeout('closeall()',1000)" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td><img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/" class="subheader">Home</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/products.html" class="subheader">Products</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/download.html" class="subheader">Downloads</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/register.html" class="subheader">Register</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/update.html" class="subheader">Updates</a></td>
</tr>
</tbody>
</table>
</div>

Daar moet je de juiste vormgeving op toepassen om die menu's weer te geven. Er staat echter zoveel troep in dat ik dat niet voor je ga doen :P
ik heb wel wat van javascript liggen maar is niet echt gebruikersvriendelijk wanneer je zelf deze taal niet machtig bent maar enfin hier is ie:

<!-- Rollover Image Script - Place within <head> tag -->
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
(store.indexOf('document.all[')==0 && document.all==null))
store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
obj = eval(store);
if (obj != null) {
switcher[keep++] = obj;
switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
obj.src = SwitchImg.arguments[rem+2];
} }
document.Data = switcher;
} //end

function RestoreImg()
{ //start
if (document.Data != null)
for (var rem=0; rem<(document.Data.length-1); rem+=2)
document.Data[rem].src=document.Data[rem+1];
} //end

// end hiding contents -->


dan voor de link dit:

<a href="shows1.html" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.sh','document.sh','images-algemeen/button-algemeen.jpg')">
<img src="images-algemeen/button-shows.jpg" name="sh" width="150" height="56" alt="shows " border="0"></a>

Reageren