moving a menu option

saltedm8 · #1 Feb 4th, 2008, 18:33

i have a menu, like this

#menu { float:left;
        width:904px;
        margin-top:8em;
        
}

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; position:relative; border:1px ; border-width:0 1px; border-bottom:1px solid #444; background-image:url(images/tblbg1.gif);}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer; background-image: }
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background-image:url(images/left.jpg);}
.menu1 li.current a b { }
.menu1 li a:hover {color:#fff; background-image:url(images/hover.jpg); }
.menu1 li a:hover b { right top;}
.menu1 li.current a:hover {color:#fff; cursor:default;}
.menu1 li.current a:hover b {right top;}

-->
</style>
</head>

<body>

<div id="header">
<div id="menu">    
<ul class="menu1">
<li><a href="#nogo"><b>Home</b></a></li>
<li class="current"><a href="#nogo"><b>Portfolio</b></a></li>
<li><a href="#nogo"><b>Services</b></a></li>
<li><a href="#nogo"><b>Privacy Policy</b></a></li>
<li><a href="#nogo"><b>Resources</b></a></li>
<li><a href="#nogo"><b>Contact us</b></a></li>
<li> <a href="#nogo"><b>Admin</b></a></li>
</ul>   
</div></div>

what i want to do is to have the last option ( Admin ) display on the far right of the menu bar, but with the same format, i have already tried adding class, but that does not seem to work

could you help, thanks

Jack Franklin · #2 Feb 4th, 2008, 18:48

Add to the admin one:

Code: Select all

<li id="admin">rest of link...

And the CSS

Code: Select all

#admin {
float: right;
}

saltedm8 · #3 Feb 4th, 2008, 18:55

perfect, thank you

i should have thought of using id - brains dead lol

< SOLVED >

Jack Franklin · #4 Feb 4th, 2008, 19:21

Glad to help.

Lchad · #5 Feb 5th, 2008, 01:07

Jackfranklin you are GOOD!!!

I didn't know that!!

Jack Franklin · #6 Feb 5th, 2008, 08:07

Well you do now

I know everything...

unitedcraig · #7 Feb 5th, 2008, 13:37

Quote:

Originally Posted by jackfranklin

Well you do now

I know everything...

Modest as well aren't you

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Option values	AdINo	Web Page Design	3	Jul 6th, 2007 11:09
Option values	AdINo	JavaScript Forum	2	Jul 5th, 2007 19:48
Help with moving my css Menu	PurpleKat	Web Page Design	3	Sep 24th, 2006 12:46
PHP moving side menu	csa	Web Page Design	6	Dec 16th, 2005 09:32
I need help with the Select Option.....	courtjester	JavaScript Forum	6	Nov 19th, 2003 15:34

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
moving a menu option