html - Navigation on Website Positioned Incorrectly -

-

i'm converting portfolio mock html/css , i've come across has confused me.

http://www.mozazdesign.co.cc/

as can see, navigation text positioned in wrong place; want inline markers. i've looked through code loads , looked @ other websites can't figure out why it's not working..

this exact code:

<head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link href="styles.css" rel="stylesheet" type="text/css" /> <title>mozazdesign portfolio</title> </head>  <body>  <div id="container">     <div id="header">         <div id="logo">          </div><!--end logo-->          <div id="nav">             <ul id="main_nav">                 <li><a href="#">home</a></li>                 <li><a href="#">about me</a></li>                 <li><a href="#">gallery</a></li>                 <li><a href="#">blog</a></li>                 <li><a href="#">contact</a></li>             </ul><!--end main nav-->         </div><!--end nav-->     </div><!--end header-->    </body>  body { padding: 0px; margin: 0px; background:url('images/background.png'); font-family: century gothic; }  #nav { text-decoration: none; color: white; }  #container { margin: 0 auto; width: 960px; }  #logo { background:url('images/logo.png'); height: 340px; width: 524px; float: left; margin-left: 0px;  <!--check--> }  #nav { background:url('images/nav_container.png'); width: 427px; height: 33px; float: right; margin-top: 100px;  }  #main_nav li { list-style-type: none; display: inline; font-family: century gothic; font-size: 18px; color: white; margin-right: 17px; }

any ideas why isn't positioned correctly?

thanks in advance!

add new css class:

#main_nav {     position: relative;     top: -10px; }

adjust top value until looks correct.

the relative position says 'position element naturally occurs' , can use 'top' , 'left' values (positive values move down , right, negative move or left) modify it's position it's relative position.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more