584 Aufrufe
Gefragt in Webseiten HTML von
Guten Abend,

Ich habe in meiner Website ein Popup definiert.
Die Codes sind folgende:

Java:

function showbox(x){
document.getElementById(x).style.display = 'block';
}
function hidebox(x)
{
document.getElementById(x).style.display = 'none';
}


Css:

.hide {
display: block;
padding:20px;
margin:0px;
border:3px solid black;
z-index:1;
position:absolute;
background-color: #FFFFFF;
color: black;
font-size: 25px;
}
h8 {
font-size: 40px;
}

li {
text-align: left;
}

p {
text-align: left;
}



p8 {
color: red;
}


HTML:

<a href="xxxxxxxxxxx.htm" class="image featured"><img src="images/xxxxxxxxx.jpg" onmouseover="showbox('ausmb')" onmouseout="hidebox('ausmb')"/></a>


und die div box:

<div id="ausmb" class="hide">xxxxxxxxxxxxxxxxxxxxx x x x x xxxxxxxxxx xxxxxxxxxxxxxx</div>


funktioniert auch alles soweit ganz toll, bis auf die Tatsache, dass beim Seitenaufruf die Popups schon alle angezeigt werden, was natürlich verwirrend ist und auch nicht so sein soll. Ich wäre äußerst erfreut wenn mir jmd. helfen könnte. ;)

Website ist übrigens diese hier, um sich evtl ein Bild von dem Problem zu machen. konstantina.de/

1 Antwort

0 Punkte
Beantwortet von macgyver031 Experte (2k Punkte)
Hallo

Versuch beim css folgendes:

.hide {
display: none;
....


Gruss
...