Databases
StackOverflow2013
Postsdbo
PODrop Down Menu Error
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODrop Down Menu Error
    primarykey
    data
    text
    <p>Kindly consider this website: <a href="http://indivar.biz/test/balkar/" rel="nofollow">http://indivar.biz/test/balkar/</a>. I have created the sub menu drop down on the tab "Residential Projects" but when we hover the navigation tab "Residential Projects" it shows the sub Drop down menus within the navigation grey area, but I want it to show outside the grey area i.e. navigation with full content width.</p> <p>Here is the relevant code:</p> <p><strong>CSS</strong></p> <pre><code>.left-section { float: left; overflow: hidden; width: 220px; } #nav { background: none repeat scroll 0 0 #E4E4E4; position: relative; z-index: 9999; } #nav ul { margin: 0 auto; padding: 6.5px 0; width: 197px; } #nav ul li { background: url("../images/nav-line-bottom.jpg") repeat-x scroll center bottom transparent; height: 29px; line-height: 34px; } #nav ul li a { color: #242121; display: block; font-size: 15px; height: 30px; line-height: 23px; margin-top: 5px; text-decoration: none; } #nav ul li a.home { background: url("../images/nav-icons.png") no-repeat scroll 0 0 transparent; padding-left: 32px; } #nav ul li a.about { background: url("../images/nav-icons.png") no-repeat scroll 0 -32px transparent; padding-left: 32px; } #nav ul li a.services { background: url("../images/nav-icons.png") no-repeat scroll 0 -63px transparent; padding-left: 32px; } #nav ul li a.resi-proj { background: url("../images/nav-icons.png") no-repeat scroll 0 -96px transparent; padding-left: 32px; } #nav ul li a.comm-proj { background: url("../images/nav-icons.png") no-repeat scroll 0 -130px transparent; padding-left: 32px; } #nav ul li a.career { background: url("../images/nav-icons.png") no-repeat scroll 0 -161px transparent; padding-left: 32px; } #nav ul li a.faq { background: url("../images/nav-icons.png") no-repeat scroll 0 -195px transparent; padding-left: 32px; } #nav ul li a.nri { background: url("../images/nav-icons.png") no-repeat scroll 0 -228px transparent; padding-left: 32px; } #nav ul li a.cont { background: url("../images/nav-icons.png") no-repeat scroll 0 -262px transparent; padding-left: 32px; } #nav ul li ul { background: none repeat scroll 0 0 #CC0000; display: none; left: 150px; position: absolute; top: 135px; width: 220px; z-index: 9999; } #nav ul li:hover ul { display: block; } #nav ul li ul li a { color: #FFFFFF; display: block; } </code></pre> <p><strong>HTML</strong></p> <pre><code>&lt;div class="left-section"&gt; &lt;!--logo div ends--&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;div class="margin-top" id="nav"&gt; &lt;ul&gt; &lt;li&gt;&lt;a class="home" href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="about" href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="services" href="#"&gt;Our Services&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="resi-proj" href="#"&gt;Residential Projects&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;All&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Apartments&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Floors&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Plots&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Villas&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="comm-proj" href="#"&gt;Commercial Projects&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="career" href="#"&gt;Career&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="faq" href="#"&gt;FAQ's&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="nri" href="#"&gt;NRI Club&lt;/a&gt;&lt;/li&gt; &lt;li style="background: none repeat scroll 0% 0% transparent;"&gt;&lt;a class="cont" href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAndres Ilich
    1. USuser762247
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODrop Down Menu Error
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COIf you can extract the relevant code and put it on http://jsfiddle.net you'll get a lot more people willing to help you
      singulars
      1. PODrop Down Menu Error
      1. USChrisW
    2. COshow us your code.
      singulars
      1. PODrop Down Menu Error
      1. USbuymypies
    3. COFiddle with the relevant code: http://jsfiddle.net/QHaS9/
      singulars
      1. PODrop Down Menu Error
      1. USAndres Ilich
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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