DIV herovrrufen bei Mouseover

html.de-Forum HTML, XHTML & CSS
1

Moin!
Habe mal folgendes:
Ich mache für meinen Auftraggeber eine Webseite. Er möchte bei der Navigation einen versteckten Div-Container haben. Und wenn man auf Extras geht,dann soll der versteckte erscheinen.

Ich dachte so:
stylesheet.css

[code]
/* Versteckter Container */
.box_sub_extra{
position: absolute;
top: 341px;
width: 158px;
height: 31px;
left: 207px;
text-align: left;
border: 1px;
border-color: #000000;
border-collapse: collapse;
visibility: hidden;
}

/* Unversteckter container. Ich dachte mit a:hover */
.box_sub_extra a:hover{
position: absolute;
top: 341px;
width: 158px;
height: 31px;
left: 207px;
text-align: left;
border: 1px;
border-color: #000000;
border-collapse: collapse;
visibility: visible;
}[/code]

Hier ist in der index.php

[code]
…

Extras
RollOver Test
[/code]

Doch es funzt nicht. :frowning:

2

Teste mal folgendes:

[PHP]
#box_sub_extra{
position: absolute;
top: 341px;
width: 158px;
height: 31px;
left: 207px;
text-align: left;
border:1px solid black;}

    #box_sub_extra div {display:none;}

    #box_sub_extra:hover div {
    display:block;
    position: absolute;
    top: 341px;
    width: 120px;
    height: 50px;
    left: 400px;
    border:1px solid black;
    padding: 5px}

[/PHP]

und im quellcode dann:
[PHP]

Rollover mich
Hallo ich war grad noch versteckt :)
[/PHP]

müsste klappen?? einfach an eigene bedürfnisse anpassen :lol:

3

Danke.
Nur da gibts ein Problem
Meine Navigation sieht wie folgt aus:

[code]

Home
Trainer
Team
Training
Anlässe
Gästebuch
Extras
[/code]

Das heisst, es ist in einer Tabelle.
Ich habe den Code bei Versteckt-Status umgeändert.
So etwa:

[code]
#box_sub_extra{
text-align: left;
}

#box_sub_extra div {
display:none;
}

#box_sub_extra:hover div {
display:block;
position: absolute;
top: 200px;
width: 120px;
height: 50px;
left: 300px;
border:1px solid black;
padding: 5px
}[/code]

Doch das scheint nicht zu wirken. :frowning:

MfG, matibaski

4

kommt ganz drauf an, wo und wie das div erscheinen soll
einfach bissl rumspielen und testen :smiley:

[PHP]
#box_sub_extra{
color:red;
}

    #box_sub_extra div {display:none;}

    #box_sub_extra:hover div {
    display:block;
    color: #000000;
    position: absolute;
    top: 200px;
    width: 120px;
    height: 50px;
    left: 300px;
    border:3px dashed black;
    padding: 5px}

[/PHP]
quellcode:
[PHP]

Home
Trainer
Team
Training
Anlässe
Gästebuch
Extras
Link
[/PHP]
5

Danke!
Hat geklappt.
Habe vorher eigentlich nie Div’s formatiert. Also sehr selten, da ich einegtnlich ein Tabellen-Typ bin. Aber der Kunde bekommt, was er will. :wink:
Sonst bekomme ich kein Geld. :mrgreen: