Ergebnis 1 bis 2 von 2

Thema: Dropdown Menü

  1. #1
    HTML Newbie
    Registriert seit
    04.11.2014
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Dropdown Menü

    Hallo Leute, ich brauche dringend eure Hilfe. Ich möchte für den Punkt "Dienstleistungen" ein Dropdown Menü erstellen, dass die Punkte Reinigungsservice, Betreuungsservice und Seniorenservice anzeigt, wenn man mit der Maus über Dienstleistungen fährt. Bisher sieht das bei mir so aus ...
    <ul id="navibereich" align="center">
    <li id="navi01"> <a href="Startseite.html">Startseite</a></li>
    <li id="navi02"> <a href="Überuns.html">Über uns</a></li>
    <li id="navi03"> <a href="Dienstleistungen.html">Dienstleistungen</a>
    <ul>
    <li><a href="Reinigungsservice.html">Reinigungsservice</a></li>
    <li><a href="Betreuungsservice.html">Betreuungsservice</a></li>
    </ul>
    </li>
    <li id="navi04"> <a href="Preise.html">Preise</a></li>
    <li id="navi05"> <a href="Dasteam.html">Das Team</a></li>
    <li id="navi06"> <a href="Hilfreichetipps.html">Hilfreiche Tipps</a></li>
    <li id="navi07"> <a href="Kontakt.html">Kontakt</a></li>




    Und der dazu gehörige Css Link so:




    #navibereich li {
    display: inline; /* Listenelemente nebeneinander */
    list-style-type: none; /* Aufzählungszeichen entfernen */
    }
    #navibereich {
    background-color: #535546; /* Hintergrundfarbe für die Navigation */
    padding: 4px ; /* Innenabstand: oben/unten 4px, li/re 0 */
    border-top: 6px solid #F36E6E; /* Rahmenlinie oben */
    border-bottom: 1px solid #E7EDA4; /* Rahmenlinie unten */
    margin: 0; /* Keinen Außenabstand */
    }
    #navibereich a {
    color: #FFFFFF; /* Schriftfarbe weiß */
    text-decoration: none; /* Unterstreichung entfernen */
    padding: 4px 5px; /* oben/unten 4px, re/li 8px */
    text-shadow:black 1px 1px; /* textschatten */
    }
    #navibereich a:hover { /* maus drüber fahren*/
    color: #F36E6E;
    }


    #navi03 li ul li{
    display: none;
    }

    #navi03 li ul li a:hover {
    display: block;
    }



    Dachte mir dabei, dass der punkt der liste der untergeordneten liste von der liste nicht angezeigt wird, also das wären in dem fall ja die links "reinigungsservice" etc. und wenn man da mit der maus drüber fährt es als block element angezeigt wird. Aber irgendwie geht das nicht Hab leider nicht alzu viel Ahnung von Html, da ich das im Studium nur ganz kurz angeschnitten habe. Vielen Dank schonmal im Voraus für eure Hilfe.

    Gruß Stephan
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Dropdown Menü


Ähnliche Themen

  1. Dropdown Menü
    Von Matrox im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 04.11.2013, 09:17
  2. dropdown menü
    Von tinocio im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.05.2010, 19:59
  3. Dropdown Menü Fehler
    Von XantypiaxD im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.03.2010, 21:48
  4. css js dropdown menü
    Von st0ny im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 16.10.2007, 18:26
  5. dropdown Menü
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.11.2006, 21:33

Stichworte

Berechtigungen

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