List Image Bullets

liunx

Guest
This is my first time here. I discovered you through a few recommendations telling me that someone here is usually always able to help...<br />
<br />
What we are seeking to accomplish is to place a very reduced "logo image bullet" or a self developed "bmp image bullet" before a short list of items to replace the normal mundane bullets of "discs" and "squares".<br />
I saw this once on another webpage. A "logo check-box image" before each item in a long list of items. So I'm sure this must be possible.<br />
<br />
I have looked and inquired all over to what I am sure must be quite simple and straight forward but I can't seem to find what the HTML coding for this is.<br />
<br />
Sorry, but this is still in the very early stages of development so there is no real URL yet.<br />
<br />
Thank you. Rant<!--content-->You have a couple ways to go on this.<br />
<br />
1> Use a table layout and normal images.<br />
<table><tr><td><br />
image tag here<br />
</td><td><br />
first info line here<br />
</td></tr><tr><td><br />
image tag here<br />
</td><td><br />
second info line here<br />
</td></tr></table><br />
<br />
2> Use the CSS version to replace the list tags...<br />
<!-- m --><a class="postlink" href="http://www.htmlite.com/CSS008.shtml">http://www.htmlite.com/CSS008.shtml</a><!-- m --><br />
<br />
Hope that helps!<!--content-->Bingo . . . that's it.<br />
I thought there must be something a bit more sophisticated than a simple tables method.<br />
Someone had already suggested tables but I like "wild goose chases".<br />
Thank you.<!--content-->I knew it! I knew there was code to place an image in the place of the ?bullet, but I didn't know it was CSS! Thanks <htmlite>, kick:booty: site.<!--content-->you can create what looks like an unordered list with any image you want in front of the bulleted items. Lists are generally indented a bit to make them standout from other text. A very simple wat to get some indentation without a bullet you can use <DD> and an image like so:<br />
<br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><br />
<DD><img src=http://www.htmlforums.com/archive/index.php/yourimage.gif>your text here<br><!--content-->Now <DD>, I've seen this before, in the oldest HTML teaching books I've read. But at the time I never understood it. I never bothered figuring out, maybe because it was poorly explained...<br />
<br />
How supported is this by elderly browsers?<!--content--><dd> is part of the <dl> list type. It is like using a <ul> tag set without the <li> tags to indent an area... It works, but isn't really well formed coding practice.<br />
<br />
HTML list tags...<br />
<!-- m --><a class="postlink" href="http://www.htmlite.com/lite009.shtml">http://www.htmlite.com/lite009.shtml</a><!-- m --><!--content-->
 
Back
Top