Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.01.2011 um 19:55 (UTC)    
Titel: Wie füge ich die neue Navi ein

Ich möchte die Navigation einfügen http://www.psdgraphics.com/file/black-dropdown-menu.jpg doch es geht nicht habs im Css-code
ohne Styletags versucht. bitte helft mir ich sitze schon solange daran. ich möchte das wenn ich auf http://aloevera-flp.de.tl/ Unsere Produkte gehe die Unterseite unter der hauptseite steht wie hier http://www.psdgraphics.com/file/black-dropdown-menu.jpg und nicht neben der Hauptseite.

Thx im vorraus Neutral

Hier der Css-Code
Code:
#navigation {
   margin:0;
   padding: 0;
   clear:both;
   width:950px;
   height:51px;
   background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
   list-style: none;
   margin: 0;
   padding: 0;
}


ul.nav-main {
   position: relative;
   z-index: 597;
}

ul.nav-main li:hover > ul {
   visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
   position: relative;
   z-index: 599;
   cursor: pointer;
   background: url(images/dropdown-bg-hover.gif) repeat-x left top;
}



ul.nav-main li {
   float:left;
   display:block;
   height: 51px;
   color: #999;
   font: 14px Arial, Helvetica, sans-serif;
   background: url(images/separator.gif) no-repeat right center;
}

ul.nav-main li a {
   display:block;
   padding: 16px 16px 0 16px;
   height: 35px;
   color: #999;
   font: 14px Arial, Helvetica, sans-serif;
   text-decoration:none;
}

ul.nav-main li a:hover {
   color:#D6D6D6;
}



ul.nav-main *.list {
   padding-right: 22px;
   background: url(images/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
   visibility: hidden;
   position: absolute;
   padding:10px;
   top: 48px;
   left: 0;
   z-index: 598;
   background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   border-left: 1px solid #000;
}


ul.nav-sub li {
   list-style:none;
   display:block;
   padding: 0;
   height: 27px;
   float: none;
   width:145px;
   border-bottom: 1px solid #5a5a5a;
   background: none;
}

ul.nav-sub li a {
   list-style:none;
   display:block;
   padding: 6px 5px 6px 5px;
   height: 15px;
   float: none;
   width:145px;
   background: none;
   font: 12px Arial, Helvetica, sans-serif;   
}


Zuletzt bearbeitet von aloevera-flp am 07.01.2011, 21:00, insgesamt einmal bearbeitet
Beitrag08.01.2011 um 11:34 (UTC)    
Titel:

Hi,

Also cih hab mir auch den gleichen Vavi geholt auch von der gleichen Seite, aber es ging auch nicht bei mir Crying or Very sad
Beiträge der letzten Zeit anzeigen:   


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