1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Dropdown Menu

  • magic.dave
  • 26. August 2013 um 16:06
  • magic.dave
    Anfänger
    Beiträge
    2
    • 26. August 2013 um 16:06
    • #1

    Hi, bin grad dabei ein Drowdown Menu zu entwerfen, dass sich öffnet wenn darüber "hovert". Leider klappt's nicht, ist wahrscheinlich nur eine Kleinigkeit. Wäre cool wenn mal jemand drüber schaut, der etwas mehr Ahnung hat als ich.


    index.html:

    Code
    <div id="navigation">
    			<div id="navigation_inside">
    				<table border="0" cellspacing="0" cellpadding="0">
    					<tr>
    						<th id="button"><a href="index.html">HOME</a></th>
    						<th id="button"><a href="leistungen.html">LEISTUNGEN</th>
    						<th id="button"><a href="up2date.html">UP2DATE</th>
    						<th id="button"><a href="kontakt.html">KONTAKT</th>
    						<th id="button"><a href="impressum.html">IMPRESSUM</th>
    					</tr>
    					<tr id="bla">
    						<th id="subbutton"><a href="unterpunkt.html">UNTERPUNKT</th>
    					</tr>
    				</table>
    			</div>
    		</div>
    Alles anzeigen

    template.css:

    Code
    #navigation{
        height:40px;
        background:rgba(130,130,130,0.5);
    }
    
    
    
    
    #navigation_inside{
        margin-left:405px;
    }
    
    
    
    
    #button{
        background:rgba(130,130,130,0);
        width:115px;
        height:40px;
        position:relative;
    }
    
    
    
    
    #button a,#subbutton a{
        text-decoration:none;
        color:#fff;
    }
    
    
    
    
    #subbutton{
        background:rgba(130,130,130,0.5);
        width:115px;
        position:absolute;
        left:862px;
    }
    
    
    
    
    #bla{
        visibility:hidden;
    }
    
    
    
    
    #bla:hover #subbutton{
        visibility:visible;
    }
    Alles anzeigen

    Wäre super wenn mir behilflich sein könnte :)

  • explanator
    Prinz(essin)
    Reaktionen
    1
    Beiträge
    834
    • 26. August 2013 um 16:36
    • #2

    Wenn du ein dropdown-Menü entwerfen willst, darf du nicht mit Tabellen arbeiten.
    Ein Menü ist normalerweise eine ungeordnete Liste.

    Fang noch mal mit der ungeordneten Liste, danach gehts weiter.

    also:

    HTML
    <nav>
        <ul> 
            <li> </li>
    ...


    usw.

  • magic.dave
    Anfänger
    Beiträge
    2
    • 26. August 2013 um 16:51
    • #3

    Hab's doch gewusst, wieder so ein Fall von :doh:
    Danke für die schnelle Antwort ;)

Tags

  • button
  • html
  • color
  • super
  • ton
  • akt
  • kontakt
  • href
  • navigation
  • code
  • div
  • impressum
  • cool
  • border
  • absolute
  • css
  • side
  • table
  • px
  • visible
  • left
  • hover
  • cellspacing
  • hidden
  • dropdown
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern