|
|
|
|
09-04-2006, 01:58 PM
|
#1 |
|
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
How insert images automatically
I have a collection of quotes, and the real-world version uses a dingbat (typographical ornament) between each one. Now I would like to do that on the web.
One choice (I think) would be to turn the whole thing into a list, with a nested list for the ornaments. Then I could use: ul li ul li { list-style-image: url(dingbat.png) } And maybe that is the most elegant solution. But if this stuff is a list, it is a definition list, and I don’t know if that works with list-style-image. I really want to use the same trick with a <p> (or a div). Any other bright ideas? __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
|
|
09-04-2006, 05:51 PM
|
#2 |
|
Member
Join Date: Aug 2005
Location: Philadelphia, PA 19130
Posts: 2,158
|
Different dingbats?
Do you intend to have different dingbats for different quotes?
|
|
|
|
|
09-04-2006, 06:09 PM
|
#3 | |
|
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
Quote:
__________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
|
|
|
|
09-05-2006, 02:56 AM
|
#4 |
|
Member
Join Date: Aug 2005
Location: Philadelphia, PA 19130
Posts: 2,158
|
Use lists
If only one dingbat, use lists. Richard Waller has the technique for you.
|
|
|
|
|
09-04-2006, 11:31 PM
|
#5 |
|
Member
Join Date: Aug 2005
Location: Goring-by-Sea, West Sussex UK
Posts: 732
|
http://www.waller.co.uk/family/dogrules.htm uses a table to get everything lined up.
|
|
|
|
|
09-05-2006, 07:19 AM
|
#6 | |
|
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
Quote:
I know I can use list for this; I was trying to avoid it. But guess there is no way. Thanks. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
|
|
|
|
09-05-2006, 07:29 AM
|
#7 |
|
Staff
Join Date: Feb 2005
Location: In the Heart of the English Lake District
Posts: 1,381
|
Kathleen
This should be an ordered list - it certainly is not "data" so should not be in a table, but you could perhaps use multiple divs. I'm sure I have seen a way of using images to replace bullets in an ordered list - just have to remember where. __________________ Kelvyn Web site design, hosting and marketing, Keswick in the UK Lake District If you are planning a visit to Keswick then try Keswick Tourist Information website |
|
|
|
|
09-05-2006, 07:42 AM
|
#8 | |
|
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
Quote:
Nice to have you back. We missed you. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
|
|
|
|
09-06-2006, 01:53 AM
|
#9 | |
|
Sysop
Join Date: Oct 2004
Location: Subtropical Queensland, Australia, between the mountains and the Coral Sea
Posts: 4,503
|
Quote:
__________________ 
|
|
|
|
|
|
09-06-2006, 12:19 AM
|
#10 |
|
Staff
Join Date: Jan 2005
Location: Uplyme, Devon, England
Posts: 1,402
|
You can specify an item to appear before or after content of a particular type in CSS: but whether it works in FF I have not tested. Sure it doesn't in IE 6 though (it doesn't add the " for quotes, for example)!
__________________ Lois Wakeman http://lois.co.uk http://communicationarts.co.uk http://i4info.blog.co.uk |
|
|
|
 |
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Google Does PDF to HTML Automatically | dthomsen8 | Web Site Building & Maintenance | 35 | 02-24-2007 12:24 PM |
| Insert Photos Report | Franca | How to Use the Forum | 0 | 09-30-2005 10:31 AM |
| Advising me of all the posts automatically | PeterArnel | How to Use the Forum | 1 | 04-30-2005 02:51 PM |
Hybrid Mode
