dobra.. nie jestem pewien ale chodzi ci chyba o cos takiego...
najpierw skrypt java
Kod: Zaznacz cały
<script type="text/javascript">
function Off() {
document.getElementById('opisIF').style.visibility="hidden";
document.getElementById('opisIF').src = "empty.html";
}
function On(objSrc) {
document.getElementById('opisIF').style.visibility="visible";
document.getElementById('opisIF').src = objSrc;
}
</script>
teraz arkusz stylow (przykladowy)
Kod: Zaznacz cały
<style>
a {
display: block;
color: #FFFFFF;
width: 70px;
height: 40px;
margin: 20px;
text-align: center;
}
a#button1{
background-color: #550000;
}
a#button1:hover {
background-color: #FF0000;
}
a#button2{
background-color: #005500;
}
a#button2:hover {
background-color: #00FF00;
}
a#button3{
background-color: #000055;
}
a#button3:hover {
background-color: #0000FF;
}
iframe#opisIF{
position: absolute;
visibility: hidden;
top: 50px;
left: 200px;
padding: 20px;
width: 300px;
height: 300px;
</style>
a teraz sam kod HTML'a
Kod: Zaznacz cały
<a id="button1" href="javascript:void(0)" onmouseover="On('1.html')" onmouseout="Off()">
przycisk numer 1
</a>
<a id="button2" href="javascript:void(0)" onmouseover="On('2.html')" onmouseout="Off()">
przycisk numer 2
</a>
<a id="button3" href="javascript:void(0)" onmouseover="On('3.html')" onmouseout="Off()">
przycisk numer 3
</a>
<iframe id="opisIF" src="empty.html">
</iframe>
nie bede od razu komentowal kodu.... jesli cos nie jest jasne to pytaj.
tak na marginesie daj sobie spokoj z ukladaniem strony przy pomocy tabelek...
szkoda czasu, oczu i nerwow...
