Databases
StackOverflow2013
Postsdbo
POCorrect CSS Menu Hover Function
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCorrect CSS Menu Hover Function
    text
    copied!<p>I have made my nav menu myself, and theres is just one thing I can't seem to figure out ... How Can I make the A tag color white when I'm hovering over the ul id "navitemul" I tried <code>#lovedating#navitemul:hover #lovedating a {color:white}</code> and a few other methods but none seems to be working, could someone just point me in the right direction :) If you wish to see the nav bar in action visit my site: www.curious-howto.com, and you can get a better impression of what I wish to accomplish ... Thank You</p> <p>Philippe</p> <pre><code>&lt;li style="width:150px" id="lovedating"&gt;&lt;a href="#"&gt;Love &amp; Dating&lt;/a&gt; &lt;div id="love&amp;dating" class="belownav"&gt; &lt;div class="ontop"&gt;Love &amp; Dating&lt;/div&gt; &lt;div class="navitem"&gt;&lt;ul id="navitemul"&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/broken-hearths/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Broken-Hearths.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Broken Hearths&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/dating/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Dating.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Dating&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/dating-humor/"&gt; &lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Dating-Humor.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;General Health&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/flirting/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Flirting.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Flirting&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/kissing/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Kissing.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Kissing&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/physical-relationships/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/Physical-Relationships.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Physical Relationships&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/relationships/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/relationships.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Relationships&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="marright"&gt;&lt;a href="http://www.curious-howto.com/love-dating/weddings/"&gt;&lt;img class="fl" src="http://www.curious-howto.com/images/2013/04/weddings.jpg" width="63" height="40" /&gt;&lt;span class="marleft"&gt;Weddings&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt; &lt;/div&gt;&lt;/li&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload