736 Aufrufe
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
von macgyver031 Experte (2.0k Punkte)
Hallo

Versuch beim css folgendes:

.hide {
display: none;
....


Gruss

Deine Antwort

Dein angezeigter Name (optional):
Datenschutz: Deine Email-Adresse benutzen wir ausschließlich, um dir Benachrichtigungen zu schicken. Es gilt unsere Datenschutzerklärung.
Anti-Spam-Captcha:
Bitte logge dich ein oder melde dich neu an, um das Anti-Spam-Captcha zu vermeiden.
...