aspose file tools*
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 EJB 3 in Action this week in the EJB and other Java EE Technologies 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
CSS not working in Firefox, works in IE
struts 1.3 tiles not working
List item disappears in Firefox
scroll bar down
Need help editing some css if possible (SOLVED)