Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.09.2009 um 09:22 (UTC)    
Titel: Drop-Down-Menü [CSS]

Ich möchte das man hier im Menü so eine Drop-Down-Funktion einfügt,
damit ich Unterseiten einfügen kann, kann mir jemand weiterhelfen.

Hier der Code:
Code:
/*
#ANFANG DER REGELHINWEISE
Dieses Design wurde erstellt von http://nndesign.de.tl
This Design was made by http://nndesign.de.tl
Sie sind nicht befugt diesen Copyrighthinweis zu ändern oder editieren
You are not allowed to edit this Copyrightadvice
Sie sind befugt den CSS-Code zu ändern um das aussehen o.ä. zu veränden
Jedoch dürfen Sie diesen Codeabschnitt nie entfernen oder ändern.
You are allowed to edit this CSS-Code.
But you are never allowed to delete or edit this Copyrightadvice.
ALLE REGELN KÖNNEN IMMER WIEDER UNTER http://nndesign.de.tl/terms_of_use.htm NACHGELESEN WERDEN
#ENDE DER REGELHINWEISE
---------------- WENN SIE DIE REGELN GELESEN UND VERSTANDEN HABEN KÖNNEN SIE DIE REGELHINWEISE(OBERHALB) LÖSCHEN, ANGABEN UNTER DIESEM HINWEIS MÜSSEN DA BLEIBEN ----------------
#DONT EDIT OR DELETE THIS CODE
Dieses Design wurde erstellt von http://nndesign.de.tl
This Design was made by http://nndesign.de.tl
Design: Edelsign
Edition:
Version: 0.16
#FROM HERE YOU CAN DELETE AND EDIT CODE
#AB HIER DÜRFEN SIE CODE LÖSCHEN ODER NACH BELIEBEN ÄNDERN
*/body {
background-image:url(http://www.universalhandel24.de/images/schwarz.GIF);
height:100%;
margin:0;
padding:0;
}
table {
margin:auto;
}
#bigbg {
background-image:url(http://www.universalhandel24.de/images/schwarz.GIF);
border:medium none;
height:600px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
}
#container {
background-color:#E0E0E0;
background-image:url(http://img.webme.com/pic/d/desiqntest/rbg.png);
background-repeat:repeat-x;
color:#000000;
font-family:"Trebuchet MS",Verdana;
font-size:13px;
height:auto;
left:50%;
margin-left:-404px;
padding:8px;
position:absolute;
top:110px;
width:800px;
}
#header_container {
background-image:url(http://img.webme.com/pic/r/rominas-seite/banner.bmp);
height:200px;
width:800px;
}
#header {
display:none;
}
.header {
text-align:right;
}
ul#nav {
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border:1px solid #CCCCCC;
list-style-type:none;
margin:0;
padding:8px 0;
}
li.nav_element {
background-color:#999999;
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border-color:-moz-use-text-color #CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:none solid none none;
border-width:medium 1px medium medium;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:8px;
}
#nav_heading {
display:none;
}
.menu {
color:#000000;
font-family:"Trebuchet MS",Verdana;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.menu:hover {
color:#666666;
}
h2#title {
background-color:#E8E8E8;
border-color:-moz-use-text-color #666666 #666666;
border-style:none solid solid;
border-width:medium 1px 1px;
color:#000000;
font-family:"Trebuchet MS",Verdana;
font-size:18px;
font-weight:normal;
letter-spacing:2px;
margin:0 550px 15px 30px;
padding:2px 5px 0;
text-align:center;
}
#content {
background-color:#FFFFFF;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-style:none solid solid;
border-width:medium 1px 1px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
text-align:justify;
}
#counter {
font-family:Verdana;
font-size:10px;
letter-spacing:1px;
margin-top:10px;
text-align:center;
}
#sidebar_container {
display: none;
}
#sidebar_heading {
margin:0;
overflow:auto;
padding:0;
}


MFG ROMINAS SEITE
______________
Wir machen Werbung für deine Seite.
Beitrag06.09.2009 um 21:39 (UTC)    
Titel:

Soetwas sind immer zweierlei Dinge..

Um überhaupt einem Browser sagen zu können, dass da jetzt ein Menü auftauchen soll, muss im HTML- Dokument ein Submenü erstellt werden.

Code:
   <div class="clearer">&nbsp;</div>

   <div class="navigation" id="subnav">

      <ul>
         <li><a href="page_1.htm">Seite 1</a></li>
         <li><a href="page_2.htm">Seite 2</a></li>
         <li><a href="page_3.htm">Seite 3</a></li>
      </ul>

      <div class="clearer">&nbsp;</div>

   </div>


Jetzt wäre es natürlich ratsam im CSS- Code noch ein weitere Box zu eröffnen in dem du dann Raute "Subnav" angibst und diese auch bearbeitest.

Code:
/* Sub navigation */
#subnav a {
   padding: 5px;
   font-size: 0.9em;
}


Das wäre im allgemeinen mein Vorschlag dazu...

LG: René
______________
Das bin ich und meine Art, 17 halt.

Projekt Nr. 2- http://freunde-des-pussel.de.tl
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de