Register on the forum now to remove ALL ads + popups + get access to tons of hidden content for members only!

Go Back   Site Owners Forums - Webmaster Forums > Web Programming > Programming General > HTML / DHTML

Notices


Reply
 
Thread Tools Rate Thread Display Modes
Old 09-06-2012, 05:32 AM   #1
davikerkrish
Registered User
 
Join Date: Jul 2012
Posts: 111
Background Images as List Bullets

ul {list-style: none}
ul li {
background-image: url("path-to-your-image");
background-repeat: none;
background-position: 0 0.5em;
}
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
davikerkrish is offline   Reply With Quote

Old 10-10-2012, 01:03 AM   #2
eswari
Registered User
 
Join Date: Aug 2012
Posts: 33
You can use try this also,

li {
list-style: none;
background: url(bullet.gif) no-repeat left center;
padding-left: 20px;
}
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
eswari is offline   Reply With Quote
Old 10-22-2012, 06:26 AM   #3
davikerkrish
Registered User
 
Join Date: Jul 2012
Posts: 111
some of the web browser not supporting this one.
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
davikerkrish is offline   Reply With Quote
Old 12-04-2012, 11:43 PM   #4
abhirampathak3
Registered User
 
Join Date: Nov 2012
Location: India
Posts: 105
Also you can try to do with this

#content ul.bullet li {
list-style-type: none;
text-align: center left;
background-image: url(../images/ex-list-bullet.PNG);
background-position: center left;
background-repeat: no-repeat;
padding: .3em 0 .2em 1.1em;
}

#content ul.bullet {
margin: 0 0 .3em -.5em;
}
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
- Shopping Cart - PrestaShop, Zencart; CMS - WordPress, Joomla; Custom Development


To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
- SEO, Pay Per Click (PPC), SEM, Link Popularity Building, SEO Copywriting, SMO, SMM
abhirampathak3 is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Frame background problem ncjbhd HTML / DHTML 27 05-19-2015 12:52 AM
Dofollow Social bookmarking websites list 2012 irfansweb Social Networks 46 01-24-2013 10:48 PM
background doesn't show on the webpage. eigeehte Programming General 0 12-12-2011 02:52 AM
background image problems mjvndhsb HTML / DHTML 1 09-28-2011 03:12 AM
Text color & background color the same mjvndhsb Google 0 09-19-2011 01:43 AM


All times are GMT -7. The time now is 09:26 PM.


Powered by vBulletin Copyright © 2013 vBulletin Solutions, Inc.