Few website questions

Phaser

Phaser

Phaser

Associate
Joined
17 Mar 2004
Posts
1,562
Hi all, few problems with a website i'm working on so far.

http://offlimitscrew.co.uk/new2/

1. The positioning on the content div differs on FF and IE. Looks great on IE, but its a few pixels different on FF. Not too much of a problem but I think it would be better if it looked like IE on every single browser. Any ideas?

2. Background image - Got a feeling it's a bit too big. However, it would be the only image on the site...

3. The navigation menu to the top right - How do I get it so the links are each in a grey rectangle and when you move the mouse over them they change to a different colour?

Heres my CSS.

div#nav ul{padding:0;}


#nav ul a{
width:165px;
font-size:100%;
text-decoration:none;
color:#49C2F7;}


#nav li
{line-height: 25px;
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
text-transform: capitalize;}


#nav li a {
padding-left: 5px;
display:block;
width:auto;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
font-size: 11px;
color: #49C2F7;
}

#nav li a:hover {
padding-left: 5px;
background: #49C2F7;
color: #fff;
}
Click to expand...

And my HTML..

<div id="nav">

<ul>
<li><a href="index.php" title="Home">HOME</a></li>
<li><a href="the-family.php" title="The Family">THE FAMILY</a></li>
<li><a href="audio.php" title="Audio">AUDIO</a></li>
<li><a href="video.php" title="Video">VIDEO</a></li>
<li><a href="events.php" title="Events">EVENTS</a></li>
<li><a href="contact.php" title="Contact">CONTACT</a></li>
<li><a href="links.php" title="Links">LINKS</a></li>
</ul>
</div>
Click to expand...


Thanks for any help!
 
Last edited:
1) try using the global white space reset, google it.

2) there's nothing wrong with a big image, most people have broadband now.

3) set the nav a hover to change the background colour
*your navbar is not clear at all
 
Tried the global white space reset, didn't do anything for that content div.

Just checked the site on my laptop at 1024x768 and the site is all over the place?!

Fine here on my 19" at 1280x1024. :confused:
 
Cheers mate, thats got the content bit sorted.

Still having problems with the nav - the whole background has dissapeared on IE now...

Will have a play around!
 
Phaser said:
Still having problems with the nav
Click to expand...

Well its not very pretty but this works for me:

Code: 
#nav {width: 264px; height: 164px; position: relative; top: 20px; left: 18px;}

div#nav ul{padding:0;margin:0;}

#nav ul a:link, #nav ul a:visited
{
	display:block;
	height:20px;
	padding-left: 5px;
	text-decoration:none;
	background-color: #393939;
	color:#fff;
}

#nav ul a:hover {
	display:block;
	height:20px;
	padding-left: 5px;
	background-color: #606060;
	color: #fff;
}

#nav li
{
	display:block;
	height:20px;
	width:264px;
	line-height: 20px;
	list-style-type: none;
	border-bottom: solid 1px #666666;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
 
You must log in or register to reply here.
Back
Top Bottom