kostenloser Webspace werbefrei: lima-city

css DropDown-Menue

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   ambtech

   ambtech hat kostenlosen Webspace.

   13:45, 3.6.2007

   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.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?