Ciao a tutti,
ho un piccolo problemino che forse qualcuno ha già risolto.
Se caricate il seguente codice in IE e FF capite subbito il problema, i tag input e select non vengono visualizzati nello stesso modo.
<html>
<head>
<style>
.divselecteditable {
position:relative;
/*background-color:#ff0000;*/
margin:0px;
padding: 0px;
border: 0px none #000000;
}
.divselecteditable input.text {
margin:0px;
padding:0px;
border: 1px solid #7f9db9;
width:150px;
height: 22px;
font-size:9px;
}
.divselecteditable div.seleditimmagine {
position: absolute;
top:0;
left:130;
background-color:#ff00ff;
border: 0px none #000000;
}
.seleditimmagine a {
text-decoration: none;
}
.seleditimmagine img {
border: 0px none #000000;
margin: 0px;
padding: 0px;
}
.divselezione {
position: absolute;
top:21;
left:0;
z-index:10000px;
min-width:150px;
width:150px;
background-color:#ffffff;
border: 1px solid #7f9db9;
heigth: 150px;
overflow: auto;
margin:0px;
padding:0px;
display:none;
}
.divselezione p {
margin:0px;
padding:0px;
border:0px none #000000;
}
.divselezione p a {
margin:0px;
padding:2px;
border:0px none #000000;
font-size: 11px;
text-decoration: none;
background-color: #FFFFFF;
color: #000000;
display: block;
height: 16px;
}
.divselezione p a:hover {
background-color: #316ac5;
color: #ffffff;
}
</style>
<script type="text/javascript">
function cambiavalore(obj1, obj2, obj3) {
document.getElementById(obj2).value=obj3.innerHTML ;
}
</script>
</head>
<body>
<form action="#" method="get">
<div class="divselecteditable">
<input type="text" class="editableselect" name="testosel" value="" id="seledit"/><input type="button" value="Add"/>
<div class="seleditimmagine">[img]tendbtndesel.gif[/img]</div>
<div class="divselezione" id="sellist" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';">
Pippo</p>
Pluto</p>
Paperino</p>
Topolino</p>
Pippo2</p>
Pluto2</p>
Paperino2</p>
Topolino2</p>
</div>
</div>
<input type="text" />
<select style=" z-index: 10;">
<option>dsfgdg</option>
<option>dsgsd</option>
<option>sdgsdg</option>
</select>
<input type="submit" value="Submit" />
</form>
</body>
</hmtl>
Come potete vedere ho usato i css ma forse c'è un qualche hack da usare per posizionare correttamente il primo input text e nascondere il select quando viene fuori la tendina.
Qualcuno sa dirmi come fare ?
Vi ringrazio in anticipo
Ciao
Akito
Rispondi quotando
