Nazdarek..mam urobeny takyto script:
Kód:
<style>
.uprav {
width: 400px; height: auto; color: #2244ff; background: white; position: relative; z-index: 1; top: -5px; left: 40px;
}
</style>
<script>
function moznosti1()
{
if (document.getElementById('ponuka_moznosti1').style.display == 'block')
{
document.getElementById('ponuka_moznosti1').style.display = 'none';
}
else
{
document.getElementById('ponuka_moznosti1').className = 'uprav';
document.getElementById('ponuka_moznosti1').style.display = 'block';
}
}
function moznosti2()
{
.......
}
</script>
<form>
<div id=ponuka_moznosti1 style="display:none">
ponuka1a <br>
ponuka1b <br>
ponuka1c <br>
ponuka1d <br>
</div>
<b>Možnosti 1:</b>
<input name="vstup_moznosti1" id="vstup_moznosti1" onClick="moznosti1();" type="text" size="60" maxlength="70" > <br><br>
<div id=ponuka_moznosti2 style="display:none">
ponuka2a <br>
ponuka2b <br>
ponuka2c <br>
ponuka2d <br>
</div>
<b>Možnosti 2:</b>
<input name="vstup_moznosti2" id="vstup_moznosti2" onClick="moznosti2();" type="text" size="60" maxlength="70" > <br><br>
<input type="Submit" name="odosli" value="Odošli">
</form>
No a problem je, ze mi po otvoreni
ponuka_moznosti1 zobrazi block, ktory posunie zvysok textu nadol (cize je ovplyneny zvysok textu).. Ja by som to potreboval doriesit tak, ze mi tie moznosti budu prekryvat text a zvysok textu(stranky) nebude ovplyvnovani-posuvany.. Skusal som to cez
z-index no nejako to nefunguje..skusal som tym inputom nastavovat aj vlastnost
clear, no ani to nezabralo.. Funguje to iba vtedy, ak mam nastavanu vlastnost
Kód:
position: absolute;
No a to prave nechcem..neviete mi niekto poradit ako na to?? Je aj ina moznost, ako pouzit vlastnost
position: absolute??
Kazda rada dobra..
