Ich habe ein Navigationsmenü (vertikal) erstellt und möchte Untermenüs definieren, die auf der rechten Seite erscheinen soll.
Wie kann ich dies in meinem Skript (siehe unten) integrieren?
Vielen Dank für Ihre wertvolle Hilfe.
Francis
SKRIPT:
/*
RESET
*/
.clear {clear:both;}
* {
margin:0px;
padding:0px;
line-height:100%;
font-size:100%;
outline:none;
border: none;
line-height:1.4;
}
/*
STRUCTURE
*/
body {
width:100%;
height:100%;
background: url(…/images/sihlsee_hintergrund.jpg) top no-repeat;
font-family: Arial, Helvetica, sans-serif;
/*font-family:Georgia, „Times New Roman“, Times, serif;*/
font-size:14px;
color: #000;
}
#pagewrap { width: 1100px; height:800px; margin: 35px auto 0px; position: relative; }
#pageheader { height:139px; background: url(…/images/haupt-bild.gif) top left; }
#pagenav { width:154px; min-height:640px; background: #4672c4 url(…/images/navBG.gif) right repeat-y; }
#pagecontent {
padding:20px;
width:906px;
height:600px;
overflow:auto;
background:#fff;
font-size: 13px;
/* TRANSPARENZ */
opacity: 0.9;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90);
filter:stuck_out_tongue:rogid:smiley:XImageTransform.Microsoft.Alpha(Opacity=90);
-ms-filter: „progid:smiley:XImageTransform.Microsoft.Alpha(Opacity=90)“;
}
#pagefooter { height:30px; background:#ff0000; text-align:center; line-height:30px; }
.left { float:left; }
.right { float:right; }
.pagetitle { font-weight:bold; font-size:16px; margin:0px 0px 10px 0px; color:#00F; display:block;}
.pagenavi { font-size:11px; margin:0px 0px 10px 0px; color:#00F; display:block; }
#teamtable td {padding:5px;}
#teamtable td p {margin:5px 0px;}
/*
NAVIGATION
*/
#pagenav ul { padding:6px 0px 0px 6px;}
#pagenav ul, #pagenav li { list-style:none }
#pagenav li { padding:0px 10px; width:120px; height:26px; background-image:url(…/images/button.jpg); background-position:0px -52px; background-repeat:none; line-height:26px; color:#fff; cursor:stuck_out_tongue:ointer; margin-bottom: 0.2em; margin-top: 0.2em; color: white; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; }
#pagenav li:hover { background-position:0px -26px; border-color: #000 #6cf #6cf #000; }
#pagenav li:active, #pagenav li.active { background-position:0px 0px; border-color: #5f3033 #f59f9f #f59f9f #5f3033; }
#pagenav li a { padding:0px 2px; width:120px; height:26px; line-height:26px; color:#fff; display:block; text-decoration:none; }
