Trying to get the NavBar into center of the image

Leon · May 22, 2016

Hi im new to css. Im trying to get the nav bar into the center of the header image. For some reason im following the tutorial online step by step and still doesnt work.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Nav Bar and Header</title>

</head>

<body>

<ul>

<li><a href="#">Contact</a></li>

</ul>

</div>

</body>

</html>

This is my code。

if code was written :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Nav Bar and Header</title>

</head>

<body>

<li><a href="#">Contact</a></li>

<ul>

<li><a href="#">Contact</a></li>

</ul>

</div>

</body>

</html>

it will happen image one. Is there a way to move the

dsonesuk · May 22, 2016

Its not a tutorial on 'how to set navigation to centre of header', it is tutorial on 'how to create transparent navigation bar HTML & CSS'. If you mean vertically centre? it is not vertically centre, it just uses margin along top edge to bring it down from the top. The LI elements must be within UL elements, and for current effect must be placed within 'nav_wrapper' element, also you will need to widen this element to take the extra LI elements placed within it.

Sign In

Trying to get the NavBar into center of the image

Recommended Posts

Leon

Link to comment

Share on other sites

dsonesuk

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity