html - Can't get navigation bar to display horizontally -


i'm trying navigation bar display horizontally, i'm not able to.

here code:

<div class="theheader">         <h1><a href="#">my name</a></h1>         <ul id="nav">             <li><a href="#">home</a></li>             <li><a href="#">about</a></li>             <li><a href="#">contact</a></li>         </ul>         <ul id="subscribe">             <li class="facebook"><a href="#">follow on facebook</a></li>             <li class="rss"><a href="#">subscribe rss</a></li>         </ul>

css:

#theheader {     width: 961px; margin: 0 auto; position: relative;     overflow: hidden; }     #theheader h1 {         position: absolute; top: 5px; left: 376px;display: block; width: 208px; height: 213px;          background: url(images/welcome.png); text-indent: -9999px;     }         #theheader h1 a:hover {             background-position: bottom;         }      #theheader ul#nav {         float: left; margin: 22px 0 0 24px; list-style: none;     }         #theheader ul#nav li {             float: left; margin: 0 0 0 45px;         }             #theheader ul#nav li:first-child {                 margin: 0;             }                 #theheader ul#nav li {                     display: block; font: 13px georgia, serif; letter-spacing: 2px; color: #eeede6;                     text-decoration: none;                 }                     #theheader ul#nav li a:hover {                         color: #d0cfc8;                     }      #theheader ul#subscribe {         float: right; margin: 22px 24px 0 0; list-style: none;     }         #theheader ul#subscribe li {             float: left; margin: 0 0 0 32px;         }             #theheader ul#subscribe li {                 display: block; height: 16px; font: 13px georgia, serif; letter-spacing: 2px; color: #eeede6;                 text-decoration: none; padding: 1px 0 0 27px;                 background: url(images/icons.png) left 1px no-repeat;             }                 #theheader ul#subscribe li.rss {                     background-position: left -16px;                 }                     #theheader ul#subscribe li a:hover {                         color: #d0cfc8;                     }

http://jsfiddle.net/5ava8/85/

i wanted navigation bar this:

http://line25.com/wp-content/uploads/2010/blog-design-coded/demo/index.html#

you need change the

<div class="theheader">

to

<div id="theheader">

because specified id , not class div element.


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more