zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden css menü - bitte schnell um hilfe :please

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.01.2009, 10:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2009
Beiträge: 4
costfree befindet sich auf einem aufstrebenden Ast
Standard css menü - bitte schnell um hilfe :please

schönen tag, hoffe ich bin hier richtig...

folgendes problem: hab ein css drop down Menü was auch ansich funzt. Nur will ich das sich noch ein weiteres untermenü im untermenü nach rechts öffnet.

CostFree.6x.to - The Biggest Free Archive Hier zu sehen



das ist meine cssdatei:


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 0px solid #666666;
border-left-width: 0;
text-decoration: none;
background: url(http://mitglied.lycos.de/costfree/layout/menubg.gif) center center repeat-x;
color: white;
font: bold 13px Tahoma;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #666666;
background: url(http://mitglied.lycos.de/costfree/layout/menubg.gif) center center repeat-x;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 125px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #000000;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(http://mitglied.lycos.de/costfree/layout/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #282828;
}

und das mein menü html code:

<div id="header">
<div
id="menu">
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li>Movies
<ul>
<li>Horror</li>
<li>Funny</li>
<li>Thriller</li>
<li>Links</li>
<li>Complete Archive</li>
</ul>
</li>
<li>Music
<ul>
<li>HipHop</li>
<li>Electronic</li>
<li>Lyrics</li>

Hier will ich jetzt z.b. ein weiteres untermenü das nach rechts aUSFÄHRT
WENN ICH einfach <ul> ... </ul> einfüge öffnet sich das menü nach unten...
.

<li>Amateur</li>
<li>Links</li>
<li>Complete Archive</li>
</ul>
</li>
<li>PC - Mobile
<ul>
<li>Internet</li>
<li>Programms</li>
<li>Games</li>
<li>Scripts</li>
<li>Links</li>
<li>Complete Archive</li>
</ul>
</li><li>XXX Stuff
<ul>
<li>Best Porn Clips</li>
<li>Hot Pictures</li>
<li>Links</li>
<li>Complete Archive</li>
</ul>
</li>

<li>Other
<ul>
<li>AGb</li>
<li>Imprint</li>
<li>Contact</li>
</ul>
</li>
</ul>
</div>


freu mich über jede hilfe
vielendank
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.01.2009, 17:46
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von costfree Beitrag anzeigen
Hier will ich jetzt z.b. ein weiteres untermenü das nach rechts aUSFÄHRT
WENN ICH einfach <ul> ... </ul> einfüge öffnet sich das menü nach unten...
.
Dann musst du dafür sorgen, dass dieses tiefer verschaltelte <ul> nicht wie die anderen bei :hover behandelt wird, sondern nach rechts gedrückt wird.
Der Hase hier zu, liegt allerdings in deinem JS und da solltest du dich auskennen, ist doch deins.
Oder brauchst du eine bestimmte Funktion?

Schon einmal über eine JS freies Menü nachgedacht: http://xhtmlforum.de/40267-faq-h-ufi...-und.html#faq8 oder zumindest ein Barrierefreies?

PS: Weniger Fehlern ist das ganze auch einfacher: [Invalid] Markup Validation of http://freeworld.bplaced.net/ - W3C Markup Validator
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.01.2009, 12:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2009
Beiträge: 4
costfree befindet sich auf einem aufstrebenden Ast
Daumen hoch danke

danke, hab ein neues (Barrierefreieres) Menü in javascript.
danke für den link zu validator, kannt ich noch nicht....
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE6 Problem mit CSS Menü träumer CSS 2 15.01.2007 16:55
Brauche Hilfe bei CSS Template Bearbeitung rld CSS 8 05.08.2006 19:29
Mysteriöses in CSS Dropdown Menü ph!L CSS 3 21.07.2006 12:31
CSS Menü Problem dieBille CSS 4 22.02.2006 15:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:02 Uhr.