Suche auf lima-city
-
in: css DropDown-Menue
geschrieben von ambtech
Moin,
bin neu hier und möchte gern in meiner Seite ein css dropdown menue für meine Bildsammlung verwenden. Das Grundgerüst habe ich wohl, aber ich hab keinen Plan wie ich dann die Bilder einblende.
Ich Verwende folgendes in der HTML-Datei:
<div id="imgal">
<div align="center">
<div id="menucontainer3">
<p class="menutitle2">Images</p>
<form><p><select class="Menue" size="1">
<option class="Menue0" >People</option>
<option class="Menue1" >Camaro</option>
<option class="Menue2" >others</option>
</select></p></form>
</div>
</div>
</div>
habe für auch id's für die drei Einträge angelegt; in ihnen werden der Layoutaufruf für imgal benutzt. Außerdem sind dann nur noch die Bilder aufgeführt.
und in der CSS-Datei:
#menucontainer3 {
position:absolute;
border:1px solid #efefff;
background-color:#1e4b99;
width:30%;
float:left;
line-height:25px;
padding:5px;
margin:0px auto;
/*line-height:30px;*/
}
select.Menue{
font-family: Arial;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
option.Menue0{
color:#FFFFFF;
background-color:#3E7CBB;
}
option.Menue1{
color:#FFFFFF;
background-color:#6597C9;
}
option.Menue2{
color:#FFFFFF;
background-color:#8CB1D6;
}
option.Menue3{
color:#336699;
background-color:#DCE8F1;
}
option.Menue4{
color:#336699;
background-color:#DCE8F1;
}
#Menue0 {
position:absolute;
border:1px solid #ffffff;
background-color:#1e4b99;
width:80%;
height:75%;
float:right;
padding:5px;
margin:80px 5px 5px 5px;
line-height:45px;
left: 18%;
top: 13%;
visibility: hidden;
}
.menutitle2
{
color:#AAAAFF;
margin:-5px -5px 5px -5px;
padding:3px;
background-color:#efefef;
font-weight:bold;
border-bottom:2px solid #404040;
}
#imgal {
position:absolute;
border:1px solid #ffffff;
background-color:#1e4b99;
width:80%;
height:75%;
float:right;
line-height:19px;
padding:5px;
margin:15px 5px 5px 5px;
line-height:30px;
left: 18%;
top: 13%;
visibility: hidden;
}
Was mache ich falsch bzw was muss ich hinzufügen damit die Bilder eingeblendet werden?
Danke schon mal im voraus für die Hilfe.
C.