wood burning stoves 2.0*
The moose likes HTML, CSS and JavaScript and the fly likes List item css for last li Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "List item css for last li" Watch "List item css for last li" New topic
Author

List item css for last li

sadanand munswamy
Ranch Hand

Joined: Apr 10, 2012
Posts: 39
Hi Rancher, I have a ol with li elements i want to render the last li item to the extreme right of the page
and the rest sequentially from the left, Can any one tell me what CSS i need to use, also do i need to insert empty
li items to prove space between the last and remaining li items. HELP !! header.jsp

my css file [code=xml]*{
list-style:none;
}
#menucontainer{
position:relative;
height:50px;
color:#FFFFFF;
background:#383636;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#menunav{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(images/background.jpg) repeat-x bottom left;
padding:0 0 0 20px;}

#menunav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}

#menunav ul li{
display:block;
float:left;
margin:0 1px;}

#menunav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:38px;}

#menunav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}

#menunav ul li a:hover{
color:#fff;
background:transparent url(images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
color:#fff;
background:#1D6893 url(images/left.jpg) no-repeat top left;
line-height:275%;}
#menunav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#383636 url(images/right.jpg) no-repeat top right;
height:38px;}

 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: List item css for last li
 
Similar Threads
struts 1.3 tiles not working
Need help editing some css if possible (SOLVED)
scroll bar down
CSS not working in Firefox, works in IE
List item disappears in Firefox