Normally bullets (or images) are left of the label text...is it possible to reverse that order? I have some right aligned bullets which have images to the right and I'd like to use the CSS for LI but need the images to the right of labels???
Possible?
LI images on right side of text?
Moderator: General Moderators
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
- John Cartwright
- Site Admin
- Posts: 11470
- Joined: Tue Dec 23, 2003 2:10 am
- Location: Toronto
- Contact:
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
-
nickvd
- DevNet Resident
- Posts: 1027
- Joined: Thu Mar 10, 2005 5:27 pm
- Location: Southern Ontario
- Contact:
Agreed, turn off the bullets and use a background image of a bullet on the right, use right padding of the width of the image + 5px or so...
Code: Select all
ul {
list-style:none;
margin:0;
padding:0;
}
ul li {
text-align:right;
background: #FFF url(bullet.gif) no-repeat right center;
line-height: 1em;
height: 1em;
padding-right: 20px;
}-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
- Kieran Huggins
- DevNet Master
- Posts: 3635
- Joined: Wed Dec 06, 2006 4:14 pm
- Location: Toronto, Canada
- Contact:
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg