Lid |
|
Hallo,
Ik heb een suggestiebox, maar deze wordt niet helemaal goed uitgelijnd.
Deze html heb ik:
<form method="post" action="index.php?pag=zoek">
<input class="zoeken_text" id="veld" name="veld" type="text" value="Zoek uw favoriete winkel, merk of plaats" onClick="if(this.value=='Zoek uw favoriete winkel, merk of plaats') { this.value='' }" autocomplete="off" onKeyUp="document.getElementById('veldform').style.display='block'; addveld(this.value, document.getElementById('tabel').value); setTimeout('document.getElementById(\'veldform\').style.display=\'none\'', 100000);" />
<select id="tabel" name="tabel">
<option value="all">- Maak uw keuze -</option>
<option value="merk">Merken</option>
<option value="winkel">Winkels</option>
<option value="term">Wiki</option>
</select>
<input type="submit" name="submit" value="" class="zoeken1" />
<a href="zoeken" class="zoeken2">Meer zoekopties</a>
<div id="veldform" style="display: none;">
<select name="plaatsbox" id="plaatsbox" size="'.$size.'" class="plaatsbox" onclick="document.getElementById(\'veldform\').style.display=\'none\'; document.getElementById(\'veld\').value=document.getElementById(\'plaatsbox\').value;">
</select>
</div>
</form>
<form method="post" action="index.php?pag=zoek"> <input class="zoeken_text" id="veld" name="veld" type="text" value="Zoek uw favoriete winkel, merk of plaats" onClick="if(this.value=='Zoek uw favoriete winkel, merk of plaats') { this.value='' }" autocomplete="off" onKeyUp="document.getElementById('veldform').style.display='block'; addveld(this.value, document.getElementById('tabel').value); setTimeout('document.getElementById(\'veldform\').style.display=\'none\'', 100000);" /> <select id="tabel" name="tabel"> <input type="submit" name="submit" value="" class="zoeken1" /> <a href="zoeken" class="zoeken2">Meer zoekopties </a> <div id="veldform" style="display: none;"> <select name="plaatsbox" id="plaatsbox" size="'.$size.'" class="plaatsbox" onclick="document.getElementById(\'veldform\').style.display=\'none\'; document.getElementById(\'veld\').value=document.getElementById(\'plaatsbox\').value;">
Hierbij is deze CSS:
.plaatsbox
{
float: left;
width: 285px;
margin-top: 25px;
font: 10px Arial;
color:#878787;
position: absolute;
z-index: 1;
}
.plaatsbox { float: left; width: 285px; margin-top: 25px; font: 10px Arial; color:#878787; position: absolute; z-index: 1; }
Hij komt nu helemaal rechts in FF en in IE komt hij onder de dropdown van de tabelkeuze.
Hoe krijg ik hem midden onder de input ?
|