Thema: Senkrechtes Webseiten Menü
- 24.11.2009 14:08 #1Benutzer
- Registriert seit
- 23.11.2009
- Beiträge
- 35
- Renommee-Modifikator
- 0
Senkrechtes Webseiten Menü Ich habe in meine Webseite,ein Menü eingefügt( Hierarchische Menüs mit CSS erstellen ),dieses wird im IE senkrecht angezeigt,in andere Browsern aber horiontal.Wie schaffe ich es das das Menü auch in den anderen Browsern senkrecht angezeigt wird(also immer).
Hier mal mein HTML-Code:
Code:<ul class="cssmenu"> <li><a href="http://webmatze.de/">Start</a></li> <li><a href="http://webmatze.de/">Informationen</a> <ul> <li><a href="http://webmatze.de/">Webseiten erstellen</a> <ul> <li><a href="http://webmatze.de/">HTML</a></li> <li><a href="http://webmatze.de/">CSS</a></li> <li><a href="http://webmatze.de/">Programmieren</a> <ul> <li><a href="http://webmatze.de/">JavaScript</a></li> <li><a href="http://webmatze.de/">PHP</a></li> <li><a href="http://webmatze.de/">Java</a></li> <li><a href="http://webmatze.de/">ActionScript</a></li> <li><a href="http://webmatze.de/">Ruby</a></li> </ul> </li> <li><a href="http://webmatze.de/">Flash</a></li> </ul> </li> <li><a href="http://webmatze.de/">Multimedia</a> <ul> <li><a href="http://webmatze.de/">Grafiken</a></li> <li><a href="http://webmatze.de/">Videos</a></li> </ul> </li> </ul> </li> <li><a href="http://webmatze.de/">Suchen</a> <ul> <li><a href="http://webmatze.de/">Google</a></li> <li><a href="http://webmatze.de/">Yahoo</a></li> <li><a href="http://webmatze.de/">MSN</a></li> </ul> </li> <li><a href="http://webmatze.de/">Über</a></li> </ul>
- 24.11.2009 14:08 #2Benutzer
- Registriert seit
- 23.11.2009
- Beiträge
- 35
- Renommee-Modifikator
- 0
Hier mein CSS-Code:
Und hier mein CSS-Code:
Hoffe ihr könnt mir da weiterhelfen.Code:ul.cssmenu { position: relative; display: block; margin: 0px; padding: 0px; } ul.cssmenu ul { position: relative; display: none; } ul.cssmenu li { position: relative; display: inline; float: left; } /* Menupunkt stylen */ ul.cssmenu li a { font-family: arial, sans-serif; font-size: 12px; line-height: 20px; text-decoration: none; text-align: center; display: block; width: 100px; height: 20px; } ul.cssmenu li:hover > a { background-color: #666666; color: #FFFFFF; font-weight: bold; } /* Untermenüpunkt einblenden */ ul.cssmenu li:hover > ul { position: absolute; top: 20px; left: -40px; display: inline; } /* ab zweite Ebene */ ul.cssmenu li li:hover > ul { top: 0px; left: 110px; } ul.cssmenu li li a { width: 150px; } /* Farben der einzelnen Ebenen (werden vererbt)*/ ul.cssmenu a { color: #000000; background-color: #e4e4e4; } ul.cssmenu ul a { background-color: #d4d4d4; } ul.cssmenu ul ul a{ background-color: #c4c4c4; } ul.cssmenu ul ul ul a{ background-color: #b4b4b4; } /* zusätzliche Styleangaben für IE 6 */ /* das Menü wird dort untereinander dargestellt */ ul.cssmenu { _text-indent: 10px; } ul.cssmenu ul { _display: inline; _margin-left: 0px; _text-indent: 20px; } ul.cssmenu ul ul { _text-indent: 30px; } ul.cssmenu ul ul ul { _text-indent: 40px; } ul.cssmenu li { _float: none; } /* Menupunkt stylen */ ul.cssmenu li a { _text-align: left; _width: 150px; } ul.cssmenu a:hover { _font-weight: bold; _background-color: #666666; }
Mfg Ossenturio
- 24.11.2009 16:07 #3PrasedonymGast
Das ist ein bekanntes Problem mit dem IE7 oder IE8
Also bei mir läuft es auch nicht versuche es mal einen Kommentar zu schreiben bei diesem Anbieter oder versuche mit im Kontakt aufzunehmen
Mit Dropdown menus hat der IE immer(meistens) Probleme!
Wenn es einfach nicht funkt. dann hol dir hier mal ein Menu:
http://www.alvit.de/css-showcase/css...s-showcase.php
- 24.11.2009 17:05 #4Benutzer
- Registriert seit
- 23.11.2009
- Beiträge
- 35
- Renommee-Modifikator
- 0
Ich möchte ja das es auch,in anderen Browsern so wie beim IE angezeigt wird.Also,wie mache ich das?
- 24.11.2009 17:10 #5
warum willst ud das grad so?
Da könntest du das ganze CSS auch gleich weglassen, dann macht es jeder Browser so!
Der Sinn und zweck des CSS ist ja, ein schönes Drop-Down-Menü zu machen, dh. alle Browser amchen es richtig, ausser der IE.
Denk mal drüber nach
- 24.11.2009 18:12 #6Benutzer
- Registriert seit
- 23.11.2009
- Beiträge
- 35
- Renommee-Modifikator
- 0
Ich möchte mein Webseite 3-teilen.Links soll ein Menü hin(mit dem Design,wie das horizontale,und da das in den Streifen Links soll soll senkrecht sein) dann in der Mitte ein Newssystem und rechts ne Shoutbox.Ich will ja von dem Menü nur das Design und den Hover-Effekt.Ist es jetz klarer?
Aktive Benutzer
Aktive Benutzer
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Ähnliche Themen
-
Webseiten-Programmierung
Von Tomm im Forum Hard- und SoftwareproblemeAntworten: 27Letzter Beitrag: 19.10.2009, 15:36 -
XML für Webseiten?
Von DerMitSkill im Forum Off-Topic PlaudereckeAntworten: 29Letzter Beitrag: 28.04.2009, 17:34 -
Webseiten Designer
Von Feld im Forum Off-Topic PlaudereckeAntworten: 3Letzter Beitrag: 30.07.2007, 15:24 -
[VB] vb code auf webseiten...?
Von Jejune im Forum C/C++/C#, Java, Visual BasicAntworten: 2Letzter Beitrag: 25.07.2007, 19:55 -
Webseiten Aufbau...
Von Slyfer im Forum HTML und XHTMLAntworten: 65Letzter Beitrag: 27.11.2006, 20:02



LinkBack URL
About LinkBacks
Zitieren


Lesezeichen