Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Looking your html source seems you can have different solutions. Problem is with your html... You have</p> <pre><code> &lt;div class="navigation"&gt; </code></pre> <p>inside </p> <pre><code> &lt;div class="container"&gt; </code></pre> <p>Ans : get navigation div out of container div. Then changing the height of <code>container div</code> would be the best and not affect the height of your links.</p> <p><strong>Why you are getting problem :</strong> your header div is containing links inside it. That is why changing the height of header is not good (It simply changes the overall height of this div).</p> <p><strong>Update :</strong> Reply to your first comment on my answer</p> <pre><code> &lt;div class="inner"&gt; &lt;div class="container"&gt; &lt;!-- Logo Start --&gt; &lt;div class="five columns left"&gt; &lt;a href="index.html" class="logo"&gt;&lt;img src="images/logo.png" alt="" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;!-- Logo End --&gt; &lt;div class="eleven columns right"&gt; &lt;!-- Top Links Start --&gt; &lt;ul class="top-links"&gt; &lt;li&gt; &lt;h4 class="colr"&gt;Search Music&lt;/h4&gt; &lt;div id="search-box"&gt; &lt;input name="" value="Enter any keyword" onfocus="if(this.value=='Enter any keyword') {this.value='';}" onblur="if(this.value=='') {this.value='Enter any keyword';}" type="text" class="bar" /&gt; &lt;button&gt;Search&lt;/button&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="javascript:animatedcollapse.toggle('login-box')" class="colr"&gt;LOG IN&lt;/a&gt; &lt;div id="login-box"&gt; &lt;h4 class="white backcolr"&gt;User Login &lt;a href="javascript:animatedcollapse.hide('login-box')" class="closeit"&gt;&amp;nbsp;&lt;/a&gt;&lt;/h4&gt; &lt;ul&gt; &lt;li&gt; &lt;input name="" value="yourname@email.com" onfocus="if(this.value=='yourname@email.com') {this.value='';}" onblur="if(this.value=='') {this.value='yourname@email.com';}" type="text" class="bar" /&gt; &lt;/li&gt; &lt;li&gt; &lt;input name="" value="password" onfocus="if(this.value=='password') {this.value='';}" onblur="if(this.value=='') {this.value='password';}" type="password" class="bar" /&gt; &lt;/li&gt; &lt;li&gt; &lt;input type="checkbox" class="left" /&gt; &lt;p&gt;Remember me&lt;/p&gt; &lt;a href="#" class="right"&gt;Forget Password?&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;button class="backcolrhover"&gt;Login&lt;/button&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- Top Links End --&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- Container End --&gt; &lt;!-- Navigation Start --&gt; &lt;div class="navigation"&gt; &lt;div id="smoothmenu1" class="ddsmoothmenu"&gt; &lt;ul id="nav"&gt; &lt;li class="current-menu-item"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="news.html"&gt;NEWS&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Albums&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="albums.html"&gt;Albums&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="album-detail.html"&gt;Album Detail&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="blog.html"&gt;Blog&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="blog-detail.html"&gt;Blog Detail&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="gallery-two-column.html"&gt;Gallery - Two Column&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="gallery-three-column.html"&gt;Gallery - Three Column&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="gallery-four-column.html"&gt;Gallery - Four Column&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="gallery-slideshow.html"&gt;Gallery - Slide Show&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="about-us.html"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contact-us.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;BUY THIS THEME&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Navigation End --&gt; &lt;/div&gt; </code></pre> <p>Then change your css and see the results</p> <pre><code>.container { width:100%; height:100px; /* I have changed it 50px to 100px*/ float:left; margin-top:2px; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POCSS Header Image (Resizing Issue)
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USSami
    1. USSami
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POCSS Header Image (Resizing Issue)
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI did this but still no luck :( , can you please give me code hint so i can exactly get into it ?? Im newbie in website development , may be i'm doing wrong :(
      singulars
      1. PO
      1. USAlex
    2. CO@Alex. Check out now. Hope you would be able to fix
      singulars
      1. PO
      1. USSami
    3. COThanks Mate , i've done it while playing with different classes after implementing your trick :) you are awesome :)
      singulars
      1. PO
      1. USAlex
 

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