Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Drop down menu Hover
    primarykey
    data
    text
    <p>I need a help. I was doing a drop up menu with share icons. My problem is this: I'd like that when I pass the mouse over the main-share icon in the footer and than go to select another icon (like facebook), the main icon remains selected like as mouse hover, but it don’t works.</p> <pre><code>&lt;div class="footer large blue"&gt;Footer Blue &lt;div class="pull-right buttons"&gt; &lt;ul&gt; &lt;li&gt;&lt;a class="btn2 large share2 blue" href="#"&gt;Share&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a class="btn large rss" href="#"&gt;RSS&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="btn large twitter" href="#"&gt;Twitter&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="btn large plus" href="#"&gt;G+&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="btn large facebook" href="#"&gt;Fb&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="btn2 large btt blue" href="#"&gt;Back to Top&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p></p> <p>I think the problem is that the elements <em>li</em> and <em>a</em>, are two independent tags. </p> <p><strong>Watch this image to understand it better</strong> what am i saying (because i’m not able to explain it better ._.)</p> <p><strong><a href="http://db.tt/Kujz3Pv4" rel="nofollow">http://db.tt/Kujz3Pv4</a></strong></p> <p>Here's the code: <a href="http://jsfiddle.net/zPavan/KHWJ4/2/" rel="nofollow">http://jsfiddle.net/zPavan/KHWJ4/2/</a></p> <p>If there are any problems or have suggestions on the code, I thank you for the advice!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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