Announcement

**markjo12** · Aug 17, 2011, 12:23 PM

no one?

**alykins** · Aug 17, 2011, 12:28 PM

can we get a link to your site? it will make it easier to trouble shoot this. (but looking closer at your SS I assume it is not live?) are you trying to center the nav bar? you supplied no CSS for the nav bar... try

Code:

#menu{margin:0px auto;}

You also need to fix things that are going to cause serious errors... a few are the div inside the <head> tagset and also the fact that all of you code is outside the <body> tagset

**teedoff** · Aug 17, 2011, 12:31 PM

As alykins suggested, the first thing you should worry about is your invalid code. Fix those code errors first and then if you're still having issues post back.

**markjo12** · Aug 17, 2011, 12:52 PM

Originally posted by alykins View Post

can we get a link to your site? it will make it easier to trouble shoot this. (but looking closer at your SS I assume it is not live?) are you trying to center the nav bar? you supplied no CSS for the nav bar... try

Code:

#menu{margin:0px auto;}

You also need to fix things that are going to cause serious errors... a few are the div inside the <head> tagset and also the fact that all of you code is outside the <body> tagset

thanks a lot for your help, my site isnt live yet and it wont go live.
i did what you asked and rearrange my codes but nuthin has chnage here is the current code now

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bodybuilding enhancement</title>

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

<link rel="stylesheet" href="index_files/css3menu1/style.css" type="text/css" />

</head>

<body>

<div id="menu">
<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a href="file:///C:/Users/Mark/Documents/assement%202/index.html" title="Home" style="height:40px;line-height:40px;"><img src="index_files/css3menu1/home.gif" alt="Home"/>Home</a></li>
	<li class="topmenu"><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Exercises.html" target="_parent" title="Exercises" style="height:40px;line-height:40px;"><span><img src="index_files/css3menu1/exercises.gif" alt="Exercises"/>Exercises</span></a>
	<ul>
		<li class="subfirst"><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Chest.html" title="Chest">Chest</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Legs.html" title="Arms">Arms</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Legs.html" title="Legs">Legs</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Back.html" title="Back">Back</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Exercises/Abs.html" title="Abs">Abs</a></li>
	</ul>

	</li>
	<li class="topmenu"><a href="file:///C:/Users/Mark/Documents/assement%202/diat/Diat.html" title="Diat        " style="height:40px;line-height:40px;"><span><img src="index_files/css3menu1/diat.gif" alt="Diat        "/>Diat        </span></a>
	<ul>
		<li class="subfirst"><a href="file:///C:/Users/Mark/Documents/assement%202/diat/Loose_fat_diat.html" title="Loose weight diat">Loose weight diat</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/diat/muscle_building.html" title="BuildMuscle diat">BuildMuscle diat</a></li>
	</ul>

	</li>
	<li class="topmenu"><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Supliment.html" title="Supliment" style="height:40px;line-height:40px;"><span><img src="index_files/css3menu1/suppliment.gif" alt="Supliment"/>Supliment</span></a>
	<ul>
		<li class="subfirst"><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Protein.html" title="Protein">Protein</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Vitamins.html" title="Vitamins">Vitamins</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Minerals.html" title="Minerals">Minerals</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Sports_Nutrition.html" title="Sports Nutrition">Sports Nutrition</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Supliment/Omegas.html" title="Omegas">Omegas</a></li>
	</ul>

	</li>
	<li class="topmenu"><a href="file:///C:/Users/Mark/Documents/assement%202/Motovation/Motovation.html" title="Motovation" style="height:40px;line-height:40px;"><span><img src="index_files/css3menu1/motivation.gif" alt="Motovation"/>Motovation</span></a>
	<ul>
		<li class="subfirst"><a href="file:///C:/Users/Mark/Documents/assement%202/Motovation/Athlete%27s.html" title="Athlete's">Athlete's</a></li>
		<li><a href="file:///C:/Users/Mark/Documents/assement%202/Motovation/Quotes.html" title="Quotes">Quotes</a></li>
	</ul>

	</li>
	<li class="topmenu"><a href="file:///C:/Users/Mark/Documents/assement%202/ContactUS.html" title="Contact Us" style="height:40px;line-height:40px;"><img src="index_files/css3menu1/contact.gif" alt="Contact Us"/>Contact Us</a></li>
	<li class="toplast"><a href="file:///C:/Users/Mark/Documents/assement%202/power_lifting.html" title="Power Lifting" style="height:40px;line-height:40px;"><img src="index_files/css3menu1/power_lifting1.gif" alt="Power Lifting"/>Power Lifting</a></li>
</ul>
</div>


</body>
</html>

Code:

#menu{margin:0px auto;}

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:#000;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#333333;background-image:none;border-width:1px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-style:solid;border-color:#5A5E60;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:1px 1px 1px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0 0 0 1px;}
ul#css3menu1 ul>li{
	margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 15px Arial;color:#cccccc;cursor:default;}
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:8px 0 0 0;background-color:#333333;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:20px Arial;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a{
	background-color:#00c4ff;border-style:none;font:bold 15px Arial;color:#ffffff;text-decoration:none;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 a{
	padding:10px;background-color:#333333;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#00c4ff;background-image:url("mainbk.png");background-position:0 100px;border-style:none;color:#ffffff;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	background-color:#333333;background-image:none;border-style:solid;border-color:#262626;font:20px Arial;color:#1f80ae;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	height:16px;line-height:16px;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
	height:16px;line-height:16px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
	height:16px;line-height:16px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 ._>li>a{
	padding:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst>a.pressed{
	border-style:none;}

**alykins** · Aug 17, 2011, 01:00 PM

try moving this

Code:

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

into the <body> tag set as well... you cannot code in the <head> tag set... the <head> is not a "header" it is a reserved space

Note: you can code javascript there and link's and CSS styles and what not, but when you understand all that you will know what you can and can't put there- so for now pretend it's off limits.

Note Note: but do not remove the <title> tags and <meta> and <link>... those do belong there... just get that <div> (and everything inside it) out of there...

Also did the menu div move to the center of the screen? it should have... if not try clearing your cache

**teedoff** · Aug 17, 2011, 01:25 PM

A simpler explaination would be, anything you want to show ON your page content wise, MUST be inside the <body> tags.

**markjo12** · Aug 17, 2011, 07:00 PM

Originally posted by alykins View Post

try moving this

Code:

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

into the <body> tag set as well... you cannot code in the <head> tag set... the <head> is not a "header" it is a reserved space

Note: you can code javascript there and link's and CSS styles and what not, but when you understand all that you will know what you can and can't put there- so for now pretend it's off limits.

Note Note: but do not remove the <title> tags and <meta> and <link>... those do belong there... just get that <div> (and everything inside it) out of there...

Also did the menu div move to the center of the screen? it should have... if not try clearing your cache

thanks a lot for the advice.
i did move the

Code:

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

inside the header but nuthin same to have happen to the menu, once i changed

Code:

<div align="[B]Right[/B]"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

the header seam to move right not the menu

**alykins** · Aug 17, 2011, 10:04 PM

i just looked at all that again; trying to think of where to begin. I noticed this...

Code:

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

now look at this...

Code:

<div align="center"[B][COLOR="Red"]>[/COLOR][/B]<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

see if that makes a difference

**markjo12** · Aug 17, 2011, 11:05 PM

Originally posted by alykins View Post

i just looked at all that again; trying to think of where to begin. I noticed this...

Code:

<div align="center"<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

now look at this...

Code:

<div align="center"[B][COLOR="Red"]>[/COLOR][/B]<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

see if that makes a difference

I really do appreciate you helping me. thanks a lot
i fixed that up and it didnt work either,
i also moved the

Code:

<div align="center"[B][COLOR="Red"]>[/COLOR][/B]<a href=""><img src="header.gif" width= "995" height= "207"></a></div>

inside the Menu and it redesigned it which i kind of like,
i have ziped it if u would like take a look at the site

Attached Files

assement 2.zip (22.2 KB, 24 views)

Announcement

help alining my Menu with my Header please(bigninner)

help alining my Menu with my Header please(bigninner)

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment