Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 04.05.2009, 20:24
dedi02 dedi02 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Beiträge: 1
dedi02 befindet sich auf einem aufstrebenden Ast
Standard Navigation per CSS

Hallo habe folgendes Problem

Screenshot www.joerg-stemmer.de/test/screenshot.jpg
Hier die Testseite
www.joerg-stemmer.de/test/index.html

Die Navigation der Unterkategorie soll am Inhaltsrahmen anschließen.

Die Navigation ist in der style.css festgelegt.

Meine css Datei:

PHP-Code:
body {
    
background#00308A;
    
color#B0B0B0;
    
fontnormal 80Helveticasans-serif
}

h1 {font-familyVerdanasans-seriffont-size12pxfont-color#b0b0b0; font-weight: bold;}



#content {
floatleft;
position:fixed;
width:860px;
height:630px;
background-color#314086; 
border0px solid #000000;
margin-left140px
margin-top5px;
z-index:1;
}


/* navigation */
.menu font-familyVerdanasans-serifwidth200pxheight250pxposition:absolutemargin-left10pxmargin-top5pxfont-size12px

z-index:2;
}

.
menu ul li a, .menu ul li a:visited {
display:blocktext-decoration:nonecolor:#ffffff; 
width:115pxheight:20pxtext-align:leftborder:0px solid #ffffff; 
border-width:0px 0px 0 0background:#00308A; line-height:19px; font-size:11px;}
.menu ul {padding:0pxmargin:0px; list-style-typenone;
}
.
menu ul li {float:leftmargin-right:0pxposition:relative
}
.
menu ul li ul {displaynone
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:#b0b0b0;}
.menu ul li:hover ul {display:blockbackground:#b0b0b0; position:absolute; top:0px; left:115px;}
.menu ul li:hover ul li a.hide {background:#b0b0b0b; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {
width:250px;
}
.
menu ul li:hover ul li ul {displaynone;}
.
menu ul li:hover ul li a {display:blockbackground:#b0b0b0; color:#ffffff; width:250px;}
.menu ul li:hover ul li a:hover {background:#b0b0b0; color:#00308A;}
.menu ul li:hover ul li:hover ul {display:blockposition:absoluteleft:300pxtop:0color:#000;}
.menu ul li:hover ul li:hover ul li a {display:blockwidth:300pxbackground:#b0b0b0; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#e8e8e8; color:#fff;} 


Was kann ich tun um das ein wenig nach rechts zu schieben???
Vielen Dank für eure Hilfe!
Jörg

Geändert von dedi02 (05.05.2009 um 10:38 Uhr)
Mit Zitat antworten
Sponsored Links