+ Antworten
Ergebnis 1 bis 6 von 6
  1. #1
    Benutzer Ossenturio ist zur Zeit noch ein unbeschriebenes Blatt
    Registriert seit
    23.11.2009
    Beiträge
    35
    Renommee-Modifikator
    0

    Standard 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> 

  2. #2
    Benutzer Ossenturio ist zur Zeit noch ein unbeschriebenes Blatt
    Registriert seit
    23.11.2009
    Beiträge
    35
    Renommee-Modifikator
    0

    Standard

    Hier mein CSS-Code:
    Und hier mein CSS-Code:
    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;
    }
    
    Hoffe ihr könnt mir da weiterhelfen.
    Mfg Ossenturio

  3. #3
    Prasedonym
    Gast

    Standard

    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

  4. #4
    Benutzer Ossenturio ist zur Zeit noch ein unbeschriebenes Blatt
    Registriert seit
    23.11.2009
    Beiträge
    35
    Renommee-Modifikator
    0

    Standard

    Ich möchte ja das es auch,in anderen Browsern so wie beim IE angezeigt wird.Also,wie mache ich das?

  5. #5
    Erfahrener Benutzer Meilensteine
    Puccini befindet sich auf einem aufstrebenden Ast Avatar von Puccini
    Registriert seit
    13.05.2008
    Beiträge
    402
    Renommee-Modifikator
    3

    Standard

    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
    ##################
    #http://www.ragesoft.de#
    ##################

  6. #6
    Benutzer Ossenturio ist zur Zeit noch ein unbeschriebenes Blatt
    Registriert seit
    23.11.2009
    Beiträge
    35
    Renommee-Modifikator
    0

    Standard

    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

  1. Webseiten-Programmierung
    Von Tomm im Forum Hard- und Softwareprobleme
    Antworten: 27
    Letzter Beitrag: 19.10.2009, 15:36
  2. XML für Webseiten?
    Von DerMitSkill im Forum Off-Topic Plauderecke
    Antworten: 29
    Letzter Beitrag: 28.04.2009, 17:34
  3. Webseiten Designer
    Von Feld im Forum Off-Topic Plauderecke
    Antworten: 3
    Letzter Beitrag: 30.07.2007, 15:24
  4. [VB] vb code auf webseiten...?
    Von Jejune im Forum C/C++/C#, Java, Visual Basic
    Antworten: 2
    Letzter Beitrag: 25.07.2007, 19:55
  5. Webseiten Aufbau...
    Von Slyfer im Forum HTML und XHTML
    Antworten: 65
    Letzter Beitrag: 27.11.2006, 20:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein