3 replies [Last post]
schillers
schillers's picture
Offline
newbie
Last seen: 6 years 23 weeks ago
Joined: 2013-12-19
Posts: 5
Points: 7

Hello,

I am trying to create a navigation bar but when I upload it to the website, I lose the formatting, I have included screenshots of both the desired outcome and the actual outcome. Please come!

#shadow #wrapper #navigation {
	background-color: #1E1C1D;
	height: 43px;
	margin-bottom: 10px;
	padding-left: 0px;
	}
 
#wrapper #navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
 
#wrapper #navigation li {
	float:left;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #1E1C1D;
} 
 
#wrapper #navigation li a
{
	background: url(../images/background.fw.png) #1E1C1D bottom left repeat-x;
	height: 35px;
	line-height: 2em;
	float: center;
	width: 127px;
	display: block;
	border: 0.05em solid #1E1C1D;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 11pt;
} 
 
#wrapper #navigation li a:hover
{
background: url(../images/background_over.fw.png) #1E1C1D bottom left repeat-x;
height: 35px;
line-height: 2em;
float: center;
width: 127px;
display: block;
border: 0.1em solid #1E1C1D;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-size: 11pt;
}

Desired outcome...
http://gyazo.com/d7f297695167fec634ecd9643525ecc8

Actual outcome...
http://gyazo.com/33c204030e16fef640931a878dfc1f24

Many thanks!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi schillers, Can you link to

Hi schillers,
Can you link to the uploaded page?
It might be a specificity issue or an error in your style sheet.

Run it through some Validation.
float: center; is not valid so there may be more mistakes.

schillers
schillers's picture
Offline
newbie
Last seen: 6 years 23 weeks ago
Joined: 2013-12-19
Posts: 5
Points: 7

Hi Tony, Thanks for the

Hi Tony,

Thanks for the response!

The page is at:

http://horndeanphotography.co.uk

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi In layout.css around line

Hi
In layout.css around line 81 you have:

#wrapper #navigation li {
	float:center;

Change it to float:left;