Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There are a number of issues here. I've modified the layout to be more inline with the way most developers set up this type of menu. I've also reversed most of your IDs and classes, which are being used in such a way as to almost guarantee duplicate IDs. </p> <p>This may not be an ideal answer to your question, but I think there's some helpful information in it. </p> <p><a href="http://jsfiddle.net/mrPse/8/" rel="nofollow">http://jsfiddle.net/mrPse/8/</a></p> <pre><code>#nav { position: relative; } #nav a { border-right: 2px solid #161616; color: #CCC; float: left; font: bold 1em Verdana, sans-serif; line-height: 51px; padding: 0 20px; } #nav &gt; li {position: relative; display: inline-block;} #nav li ul li a {border-right: 0;} .submenu { display: none; padding: 0px; margin-top: 3em; position: absolute; left: auto; width: 180px; } .submenu li a {border-right: 0;} &lt;ul id="nav"&gt; &lt;li&gt;&lt;a href="index.html"&gt;Úvod&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="prices.html"&gt;Ceník&lt;/a&gt;&lt;/li&gt; &lt;li class="menu"&gt; &lt;a href="gallery.html"&gt;Galerie&lt;/a&gt; &lt;ul class="submenu" style="display: none;"&gt; &lt;li&gt;&lt;a title="Starší pokoje" href="galleryOldRooms.html"&gt;Starší pokoje&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Novější pokoje" href="galleryNewRooms.html"&gt;Novější pokoje&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="contact.html"&gt;Kontakt&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; $(".menu").hover(function () { $(this).children(".submenu").fadeIn(); }, function () { $(this).children(".submenu").fadeOut(); }); </code></pre>
    singulars
    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.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      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