Navileiste - Seite 2

saaja · 07.12.2010, 13:08

also ich habe jetzt ein css code der vertikal ist klappt nach unten aus und dann stehen die Links aber nebeneinander,aber statt neben einander will ich senkrecht untereinander.aber auch von deinem link finde ich keinen css code den ich kopieren kann.selber schreiben kann ich es leider nicht.zeige jetzt mal mein css code.

PHP-Code:

  #dropline {position:relative; font-size:14px; height:38px; background:url(styles/default/images/navi2.png);}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:620px;}

#dropline table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:12px;}
#dropline li {float:left; height:38px; margin-right:1px; padding:0;}
#dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:arial; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
#dropline li a.down {background:url(styles/default/images/down.gif) no-repeat right center;}
#dropline li ul li a.down {font-size:12px; color:#ff0; font-weight:normal;}

#dropline li ul li a{color:orange;}

#dropline li ul li a.red{color:red;}
#dropline li ul li a.blue{color:blue;}
#dropline li ul li a.yel{color:yellow;}

#dropline li ul li a.red:hover{color:#444; text-decoration:none;}
#dropline li ul li a.blue:hover{color:#444; text-decoration:none;}
#dropline li ul li a.yel:hover{color:#444; text-decoration:none;}

#dropline li a:hover {white-space:nowrap; color:#444;}
#dropline li a.down:hover {white-space:nowrap; color:#444; background:url(down-over.gif) no-repeat right center;}

#dropline li:hover > a {color:#444;}
#dropline li:hover > a.down {color:#444; background:url(styles/default/images/down-over.gif) no-repeat right center;}

#dropline li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(styles/default/images/sub-back.png) left top;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(styles/default/images/sub-back.png) left bottom;}

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-38px; top:38px; background:transparent;}

ChrisB · 07.12.2010, 14:15

Zitat:

aber ich interessiere mich nicht für das css.

Wenn du die Darstellung deines HTML-Codes nicht absolut dem Browser überlassen willst, dann interessierst du dich sehr wohl für CSS - denn das ist dafür da, die Darstellung zu beeinflussen.

Sorry, aber so wird das hier nichts.
Du musst schon Bereitschaft zeigen, dich selber mit der Materie zu beschäftigen.
*close*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] hiiiiiiiiiilllllllllllfeeeeeeeee Navileiste		HTML, Usability und Barrierefreiheit	1	13.11.2004 14:21

07.12.2010, 13:08
saaja Neuer Benutzer Registriert seit: 07.12.2010 Beiträge: 6 PHP-Kenntnisse: Anfänger	also ich habe jetzt ein css code der vertikal ist klappt nach unten aus und dann stehen die Links aber nebeneinander,aber statt neben einander will ich senkrecht untereinander.aber auch von deinem link finde ich keinen css code den ich kopieren kann.selber schreiben kann ich es leider nicht.zeige jetzt mal mein css code. PHP-Code: #dropline {position:relative; font-size:14px; height:38px; background:url(styles/default/images/navi2.png);} #dropline, #dropline ul {padding:0; margin:0; list-style:none; width:620px;} #dropline table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:12px;} #dropline li {float:left; height:38px; margin-right:1px; padding:0;} #dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:arial; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;} #dropline li a.down {background:url(styles/default/images/down.gif) no-repeat right center;} #dropline li ul li a.down {font-size:12px; color:#ff0; font-weight:normal;} #dropline li ul li a{color:orange;} #dropline li ul li a.red{color:red;} #dropline li ul li a.blue{color:blue;} #dropline li ul li a.yel{color:yellow;} #dropline li ul li a.red:hover{color:#444; text-decoration:none;} #dropline li ul li a.blue:hover{color:#444; text-decoration:none;} #dropline li ul li a.yel:hover{color:#444; text-decoration:none;} #dropline li a:hover {white-space:nowrap; color:#444;} #dropline li a.down:hover {white-space:nowrap; color:#444; background:url(down-over.gif) no-repeat right center;} #dropline li:hover > a {color:#444;} #dropline li:hover > a.down {color:#444; background:url(styles/default/images/down-over.gif) no-repeat right center;} #dropline li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(styles/default/images/sub-back.png) left top;} #dropline li ul.floatRight li {float:right;} #dropline :hover ul, #dropline :hover ul :hover ul, #dropline :hover ul :hover ul :hover ul, #dropline :hover ul :hover ul :hover ul :hover ul, #dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(styles/default/images/sub-back.png) left bottom;} #dropline :hover ul ul, #dropline :hover ul :hover ul ul, #dropline :hover ul :hover ul :hover ul ul, #dropline :hover ul :hover ul :hover ul :hover ul ul {left:-38px; top:38px; background:transparent;}


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten