Archief - CSS Menu probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
r

raymand

Legacy Member
hallo,

ik heb hier een heel stom probleem waar ik maar niet uit geraak. Ik heb een horizontaal menu met een submenu. Het hoofdmenu heeft een blauwe achtergrond met witte tekst. Wanneer je over het hoofdmenu hovert, krijg je het submenu te zien, maar die moet wit zijn met blauwe tekst (dus het omgekeerde). Maar het lukt mij maar niet om de tekst van mijn submenu in het blauw te krijgen. Ik kan wel de achtergrond aanpassen en wijzigen, maar het lukt maar niet om de tekst zelf blauw te krijgen...

HTML:

HTML: 
<ul class="topmenu">
<li> <a href="">menu 1</a>
	<ul class="submenu">
	<li> <a href="">submenu 1A</a> </li>
   	<li> <a href="">submenu 1B</a> </li>
       </ul>
</li>


<li> <a href="">menu 2</a> 

	<ul class="submenu">
	<li> <a href="">submenu 2A</a> </li>
   	<li> <a href="">submenu 2B</a> </li>
      </ul>
 </li>

</ul>


CSS

Code: 
ul, li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-top:5px;
}


li {
	display: inline;
}

.topmenu li a  {
	color:#FFF;
	text-decoration:none;
	display: block;
	width:200px;
	}

.topmenu li:hover ul{
	left:0;
}

.submenu {
	position:absolute;
	left: -9000em;
	width:450px;
	background-color: #60aae9;
}

Het eigenlijke probleem is dus dat er in de topmenu class, al een kleur staat gedefinieerd. Wanneer ik in submenu ook een andere kleur wil definiëren, negeert hij die, want hij neemt die van topmenu als prioriteit. Ik heb geprobeerd om !important te plaatsen bij submenu maar dat werkt niet. Maar het vreemde is dan weer, wanneer ik de background color aanpas, dan neemt hij die wel over...
B

Bertold

Legacy Member
Code: 
ul, li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    padding-top:5px;
}

li {
    display: inline;
}

.topmenu li a  {
    background-color: #60aae9;
    color:#FFF;
    text-decoration:none;
    display: block;
    width:200px;
    }

.topmenu li:hover ul{
    left:0;
}

.submenu{
    position:absolute;
    left: -9000em;
    width:450px;

}

.submenu li a{
    background-color: #fff;
    color: #60aae9;    
}

Ik denk dat je dit bedoelt?
Dus de kleuren niet in .submenu maar in .submenu li a zetten
r

raymand

Legacy Member
zucht, zo simpel :(
had dat geprobeerd, maar dan in de plaats van .submenu maar dan werkt dat natuurlijk niet. thnx!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan