Alignment of end cell in nav bar

jj1234 · #1 (**permalink**) Apr 4th, 2006, 14:48

I am trying to work out how to get the end cell in the nav bar (contact) so that it aligns with the right hand side in both the forum and guestbook.
I have tried but simply cannot get it to work.

http://www.club-amigos.co.uk/mboard/mboard.php
http://www.club-amigos.co.uk/guestbook/gbook.php

css:

Code: Select all

html, body { 
margin:0; 
padding:0; 
} 
body { 
font-family:"lucida sans unicode",verdana,sans-serif; 
font-size:12px; 
color:#333; 
background-color:#e9eef4; 
} 
#wrapper { 
text-align:left; 
border:1px solid #66635c; 
margin:5px auto; 
width:761px; 
background-repeat:repeat-y; 
} 
 
#header { 
background-image:url(http://clubamigos.port5.com/club_amigo_logo.jpg); 
background-repeat:no-repeat; 
height:107px; 
} 
a:link { 
color:blue; 
background-color:inherit; 
text-decoration:none; 
} 
a:visited { 
color:purple; 
text-decoration:none; 
} 
a:hover { 
color:red; 
background-color:inherit; 
} 
a:active { 
color:red; 
background-color:inherit; 
} 
#content { 
color:#000; 
background-color:#fff; 
} 
#content p { 
margin:0 60px 9px 10px; 
font-family:verdana,arial,helvetica,sans-serif; 
} 
 
 
h1 { 
font-family:"lucida sans unicode",verdana,sans-serif; 
font-size:17px; 
text-align:center; 
padding-top:2px; 
padding-bottom:0px; 
margin-top:0; 
} 
 
.italic {font-style:italic} 
 
p{line-height: 1.8em; } 
 
#image_container { 
margin:35px 0 25px 0; 
text-align:center; 
} 
 
#navcontainer { 
margin-top:0; 
} 
#navcontainer ul { 
list-style:none; 
margin:0 0 0 0px; /* adjust left margin to suit */ 
padding:0; 
text-align:center; 
} 
#navcontainer li { 
display:block; 
float:left; 
} 
#navcontainer li a { 
border-right:#84979c 1px solid; 
border-top:#84979c 1px solid; 
border-bottom:#84979c 1px solid; 
display:block; 
background-color:#deffff; 
width:94px; 
color:#444; 
text-decoration:none; 
text-align:center; 
padding-top:2px; 
padding-bottom:2px; 
} 
 
#navcontainer .last { 
 
    BORDER-RIGHT: none; 
 
    WIDTH: 100px; 
 
    overflow: hidden; 
 
} 
#navcontainer ul li a:hover { 
color:#000; 
background-color:#fcc; 
} 
#navcontainer a:active { 
background-color:#ffecd2; 
color:#fff; 
} 
 
#footerhome { 
font-family:"lucida sans unicode",verdana,sans-serif; 
font-size:10px; 
border-top:1px solid #000; 
text-align:center; 
margin:60px 0px 0px 0px; 
padding:6px 0px 5px 0px; 
} 
 
#footer { 
font-family:"lucida sans unicode",verdana,sans-serif; 
font-size:1px; 
     color:#ffffff; 
text-align:center; 
margin:4px 0px 0px 0px; 
padding:2px 0px 0px 0px; 
}

Mod edit: Please use code tags

ukgeoff · #2 (**permalink**) Apr 21st, 2006, 16:41

Your error is in this style definition.

Code: Select all

#navcontainer .last {
    border-right: none;
    width: 95px;
    overflow: hidden;
}

You don't have a nav container with a class of last.

What you do have is a a tag in a list item with an id of last.

Change the first line of the above code to:

Code: Select all

#navcontainer li a#last

Oh and I can't see why you need the overflow attribute.

jj1234 · #3 (**permalink**) Apr 24th, 2006, 11:46

Hi,

That works great, many many thanks for your help.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
site on Cell	onebrightbudgie	Web Page Design	0	May 7th, 2008 18:34
Cell background	JIM_genius5	Web Page Design	7	Nov 2nd, 2007 10:27
cell won't align to top vertically	CSpoon	Web Page Design	12	Oct 4th, 2006 00:22
Changing cell id?	moojoo	JavaScript Forum	2	Aug 30th, 2006 20:16
Table cell not stretching	julie	Web Page Design	3	May 18th, 2006 01:48

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Alignment of end cell in nav bar