Frage zur Garbe eines CSS DropDown-Menüs

[linux87]

Hallo, ich möchte gerne, dass die Farbe meines DropDown Menüs gelb ist. Das klappt auch prima.

Allerdings möchte ich, dass die Farbe, des sich öffnenden Menüs beim Drüberfahren über einen Link weiß ist.

Hier einmal eine Skizze:

Und hier der CSS-Code:

#menu {width: 100%; background: #eee;} 

    #menu ul {list-style: none; margin: 0; padding: 0;} 

    #menu a {
      font: 13px/16px tahoma, arial, helvetica, sans-serif;
      display: block;
      border-width: 0px; border-style: solid;
      margin: 0; padding: 4px 3px;}

    #menu a {color: #000; background: [COLOR=Yellow][B]#fdffb5[/B][/COLOR]; text-decoration: none;} 

    #menu a:hover {color: #a00;}



#menu li {position: relative;}

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; border: 1px solid [COLOR=Black]#f3c4ef;}[/COLOR]

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

Ich habe im CSS-Code die Angabe der Farbe gelb ebenfalls gelb markiert.

In der HTML-Datei sieht das Ganze dann so aus:
<div id="menu">
<ul>
<ul>
<li><a href="#">Link 1</a>
<ul>
<li><a href="#">Link 1a</a></li>
<li><a href="#">Link 2a</a></li>
<li><a href="#">Link 3a</a></li>
<li><a href="#">Link 4a</a></li>
<li><a href="#">Link 5a</a></li>
</ul>
</ul>
</div>

Liebe Grüße,
linux87

 

[Bernhard]

Hallo, ich möchte gerne, dass die Farbe meines DropDown Menüs gelb ist. Das klappt auch prima.

Allerdings möchte ich, dass die Farbe, des sich öffnenden Menüs beim Drüberfahren über einen Link weiß ist.

In der HTML-Datei sieht das Ganze dann so aus:

<div id="menu">
    <ul>
      <ul>
      <li><a href="#">Link 1</a>
        <ul>
        <li><a href="#">Link 1a</a></li>
        <li><a href="#">Link 2a</a></li>
        <li><a href="#">Link 3a</a></li>
        <li><a href="#">Link 4a</a></li>
        <li><a href="#">Link 5a</a></li>
        </ul>
    </ul>
    </div>

Liebe Grüße,
linux87

Hallo,

CSS:

#menu ul li ul {
     background:#fff;
}

Grüße
Bernhard

P.S.: im Normalfall brauchst Du das <div> rund um <ul> nicht, da Du <ul> natürlich
auch eine id geben kannst...

 

[linux87]

Hallo Bernhard,

zu allererst einmal tausend Dank für deine Hilfe.

Nun weiß ich jedoch nicht wo ich

#menu ul li ul {
     background:#fff;
}

eintragen soll. Könntest du mir den Code mal bitte an die Stelle einfügen, wo er hinmuss, damit ich weiß, was du meinst.

Liebe Grüße

 

[Bernhard]

#menu a {color: #000; background: #fdffb5; text-decoration: none;}

Hallo Bernhard,

zu allererst einmal tausend Dank für deine Hilfe.

Nun weiß ich jedoch nicht wo ich

#menu ul li ul {
     background:#fff;
}

eintragen soll. Könntest du mir den Code mal bitte an die Stelle einfügen, wo er hinmuss, damit ich weiß, was du meinst.

Liebe Grüße

Hallo,

das ist relativ egal, sollte aber erst nach

#menu a {color: #000; background: #fdffb5; text-decoration: none;}

erfolgen.

Wobei ich gerade sehe, dass Du den Hintergrund dem <a> gegeben hast,
daher wird meine Lösung nicht funktionieren, bessere nach:

CSS:

#menu ul li ul li a {
    background:#fff;
}

Grüße
Bernhard

 

[linux87]

Danke, danke und nochmals danke.
Du hast mir wirklich sehr geholfen.

Viele Grüße,
linux87