[SanmanX]

Hey guys, over this past weekend I was working some css on my webpage and was running into some issues. I wanted to make a cool nav bar but I'm still a beginner in css (web development in general really), so I looked up some tutorials to get me started. Here is one that I found that I liked so tried to do it myself : nav bar. So I made the images in photoshop and what not and copied the code then loaded up my browser, but i didn't get the same thing.

Here is what i got: attachment.

Clearly I'm doing something wrong, so i wanted to know if anyone can help me fix this. Here is the css code:

#menu{
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
	height:40px;
	background-image: url(/images/nav.gif);
  background-repeat:no-repeat;
}

#menu li{
	float:left;
}

#menu li a{
	display:block;
	float:left;
	height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:arial,verdana,sans-serif;
	text-align:center;
	padding:0 0 0 10px;
	font-size:11px;
}

#menu li a b{
	float:left;
	display:block;
	padding:0 16px 0 8px;
}

#menu li.current a{
	color:#FFFFFF;
	background:url(/images/glowline.gif);
}

#menu li a:hover{
	color:#de0a0a;
	background: url(/images/glowline.gif);
}

#menu li a em{
	display:block;
	float:left;
	width:30px;
	height:40px;
}

#menu li a em.manage{
	background-image:url(/images/manage.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#menu li a em.permits{
	background-image:url(/images/permit.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#menu li a em.reports{
	background-image:url(/images/reports.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#menu li a em.logout{
	background-image:url(/images/manage.png);
	background-repeat:no-repeat;
	background-position:center center;

}

[DarenR]

How do you expect the image to look? Do you have a diagram we can see?

[SanmanX]

In the link I posted it shows what it should look like

[DarenR]

I cant clci on external links because I am at work

[SanmanX]

Oh sorry, here is what it should like like:

[SanmanX]

can anyone help???

[DarenR]

they could have been using a different css.


at work we use 2.5 but the cool stuff is from css 3. they might be using a css that your dont have.