CSS - Drop Down Menü

CSS - Drop Down Menü

Beitragvon mone » 25.11.2011, 17:58

Hallo Leute..

Ich hab ein Problem, ich hab bei meiner CSS ein drop down menü inkludiert. Ich möchte die Schriftgröße des Submenüs ändern, es funktioniert aber nicht.
Bitte um Hilfe.

Hier ist mein Code:

ul#navmenu {
width: 700px;
height: 24px;
background-color: #FFFFFF;
position: relative;
}

ul#navmenu li {
list-style: none;
float: left;
height: 30px;
font-size: 90%;
position: relative;
}

ul#navmenu li.ausgewaehlt a:link, ul#navmenu li.ausgewaehlt a:visited {
color: #000;
}

ul#navmenu li a:link, ul#navmenu li a:visited {
height: 21px;
display: block;
float: left;
color: #007e41;
text-decoration: none;
padding: 3px 10px 0 10px;
}

ul#navmenu li a:hover, ul#navmenu li a:active, ul#navmenu li a:focus {
background-color: transparent;
text-decoration: none;
}

ul#navmenu ul {
line-height: 20px;
width: 175px;
display: none;
position: absolute;
top: 24px;
left: -2px;
font-size: 100%;
z-index: 1000;
}

ul#navmenu ul:after
/*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu ul li {
font-size: 11px;
height: 25px;
float: left;
/*For IE 7 lack of compliance*/
display: block !important;
display: inline;


/*For IE*/
width: 175px;
overflow: hidden;
white-space: nowrap;
}

ul#navmenu ul li a:link, ul#navmenu ul li a:visited {
padding: 1px 10px 0px 12px;
width: 152px;
}

/* 2nd Menu */
/* das .iehover wird bei internet explorer via javascript eingefuegt! */
ul#navmenu li:hover ul,
ul#navmenu li.iehover ul {
display: block;
}

Danke im Voraus :-)
mone
neu hier
 
Beiträge: 1
Registriert: 25.11.2011, 17:54

Re: CSS - Drop Down Menü

Beitragvon djheke » 25.11.2011, 20:27

Deine A Elemente benötigen die Schriftgröße.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 200
Registriert: 15.11.2010, 22:45

Re: CSS - Drop Down Menü

Beitragvon id4n1el » 16.01.2012, 14:39

Soweit Ich es richtig verstehe, und dein Html Code in etwa so aussehen sollte :

Code: Alles auswählen
<ul id="Navigation">
   <li id="Navigationspunkt">[color=#FFBF00]<a href="#">Navigationspunkt</a>[/color]
      <div class="Dropdown-Class name">
         <div class="Column-Class">
            <p>Dropdown Text</p>
         </div>
      </div>
   </li>
</ul>


müssten die Fontstyles im A-Element festgelegt werden.

Beispiel CSS :

Code: Alles auswählen
#Navigation li a {
        font-family:Arial, Helvetica, sans-serif;
       [color=#FF8000] font-size:12px;[/color]
        color: #ffffff;
   display:block;
   text-align:center;
   outline:0;
   margin-top:7px;
   text-decoration:none;
}


Hoffe konnte ein wenig helfen.
Mit freundlichen Grüßen
id4n1el
id4n1el
neu hier
 
Beiträge: 3
Registriert: 16.01.2012, 12:41


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "CSS - Drop Down Menü"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste