Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is the text not aligned to top?
    primarykey
    data
    text
    <p>I have this menu bar at the top of my page and it's not aligned properly.</p> <p>The links are meant to be aligned to the bar so they are the same height.</p> <p><a href="http://dans.comuv.com/" rel="nofollow">Example here.</a></p> <p>HTML:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;DatNerd - Home&lt;/title&gt; &lt;!--External Javascripts--&gt; &lt;script src="externals/javascript/jquery-1.8.3.js"&gt;&lt;/script&gt; &lt;script src="externals/javascript/jquery-ui.js"&gt;&lt;/script&gt; &lt;script src="externals/javascript/jquery.cookie.js"&gt;&lt;/script&gt; &lt;script src="externals/javascript/animated-hover.js"&gt;&lt;/script&gt; &lt;script src="externals/javascript/javascript.js"&gt;&lt;/script&gt; &lt;script src="externals/javascript/mobdetect.js"&gt;&lt;/script&gt; &lt;!--External CSS--&gt; &lt;link rel="stylesheet" href="externals/css/main.css" /&gt; &lt;link rel="stylesheet" href="externals/css/jquery-ui.css" /&gt;&lt;/head&gt; &lt;body&gt; &lt;div id="toolbar"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Stats&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Projects&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>CSS:</p> <pre><code>#toolbar { background: #b2b2b2; /* Old browsers */ background: -moz-linear-gradient(top, #b2b2b2 2%, #2b2b2b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#b2b2b2), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* IE10+ */ background: linear-gradient(to bottom, #b2b2b2 2%,#2b2b2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */ width:100%; height:40px; position:fixed; top:0; left:0; line-height:40px; } #toolbar ul { list-style-type:none; } #toolbar a { float:left; width:100px; text-decoration:none; color:white; background-color:purple; height:100%; text-align:center; } #toolbar a:hover { background-color:#ff3300; } #toolbar li { display:inline; } </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. 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