PHP interesse |
|
Hi, ik heb het volgende script geschreven:
<!--ZOEKEN-->
<div id="divZoeken">
<form name="zoeken" action="zoeken.php" method="post">
<input type="hidden" value="events" name="type" id="type" />
<div id="inputZoekveld" onmouseover="toonTabblad(1);" onmouseout="toonTabblad(0);">
<!--INPUTVELD-->
<input type="text" name="zoekveld" id="zoekveld" onkeyup="liveSearch();" autocomplete="off" /><input type="submit" value="" id="zoekknop" />
<!--/INPUTVELD-->
<!--TABBLAD-->
<div id="tabblad">
<p id="tabbladLinkevents" onclick="wijzigType('events'); liveSearch();" style="color:#FF3333;">Feestje <span id="tabbladFeestje"></span></p>
<hr id="dotted"/>
<p id="tabbladLinkfestival" onclick="wijzigType('festival'); liveSearch();">Festival <span id="tabbladFestival"></span></p>
<hr id="dotted"/>
<p id="tabbladLinkhal" onclick="wijzigType('hal'); liveSearch();">Locatie <span id="tabbladZaal"></span></p>
<hr id="dotted"/>
<p id="tabbladLinkprovincie" onclick="wijzigType('provincie'); liveSearch();">Provincie <span id="tabbladProvincie"></span></p>
</div>
<!--TABBLAD-->
</div>
</form>
</div>
<!--/ZOEKEN-->
<!--ZOEKEN--> <form name="zoeken" action="zoeken.php" method="post"> <input type="hidden" value="events" name="type" id="type" /> <div id="inputZoekveld" onmouseover="toonTabblad(1);" onmouseout="toonTabblad(0);"> <!--INPUTVELD--> <input type="text" name="zoekveld" id="zoekveld" onkeyup="liveSearch();" autocomplete="off" /><input type="submit" value="" id="zoekknop" /> <!--/INPUTVELD--> <!--TABBLAD--> <p id="tabbladLinkevents" onclick="wijzigType('events'); liveSearch();" style="color:#FF3333;">Feestje <span id="tabbladFeestje"></span></p> <p id="tabbladLinkfestival" onclick="wijzigType('festival'); liveSearch();">Festival <span id="tabbladFestival"></span></p> <p id="tabbladLinkhal" onclick="wijzigType('hal'); liveSearch();">Locatie <span id="tabbladZaal"></span></p> <p id="tabbladLinkprovincie" onclick="wijzigType('provincie'); liveSearch();">Provincie <span id="tabbladProvincie"></span></p> <!--TABBLAD--> <!--/ZOEKEN-->
met de volgende opmaak code:
#divZoeken {
background-color:#333333;
padding:5px;
height:30px;
border:1px solid #000000;
width:220px;
}
#inputZoekveld {
float:left;
}
#tabblad {
width:150px;
display:none;
height:110px;
background-image:url(images/tabblad_bg.png);
background-repeat:no-repeat;
margin-left:-6px;
padding-top:5px;
}
#tabbladLinkhal, #tabbladLinkprovincie, #tabbladLinkevents, #tabbladLinkfestival {
cursor:pointer;
color:#0099CC;
margin:4px 0 4px 12px;
font-size:11px;
font-family:arial;
}
#zoekveld {
background-image:url(images/zoeken_bg.png);
padding:7px 5px 5px 7px;
height:30px;
width:170px;
background-color:#333333;
border:none;
margin-bottom:1px;
}
#zoekknop {
background-image:url(images/zoeken_knop_bg.png);
height:30px;
width:30px;
border:none;
background-color:#333333;
}
#dotted {
border-top:dotted 1px #eeeeee;
margin:0 8px 0 8px;
border-bottom:none;
border-left:none;
border-right:none;
}
#divZoeken { background-color:#333333; padding:5px; height:30px; border:1px solid #000000; width:220px; } #inputZoekveld { float:left; } #tabblad { width:150px; display:none; height:110px; background-image:url(images/tabblad_bg.png); background-repeat:no-repeat; margin-left:-6px; padding-top:5px; } #tabbladLinkhal, #tabbladLinkprovincie, #tabbladLinkevents, #tabbladLinkfestival { cursor:pointer; color:#0099CC; margin:4px 0 4px 12px; font-size:11px; font-family:arial; } #zoekveld { background-image:url(images/zoeken_bg.png); padding:7px 5px 5px 7px; height:30px; width:170px; background-color:#333333; border:none; margin-bottom:1px; } #zoekknop { background-image:url(images/zoeken_knop_bg.png); height:30px; width:30px; border:none; background-color:#333333; } #dotted { border-top:dotted 1px #eeeeee; margin:0 8px 0 8px; border-bottom:none; border-left:none; border-right:none; }
Nu zoals je kan zien is deze versie ideaal voor Firefox en Netscape, maar Opera en IE6 (7 weet ik nog niet) tonen een ongewenst resultaat.
Ik vroeg me af als jullie me kunnen helpen/leren deze strijd op te lossen.
Alvast bedankt!!
|