DTP


 
Lively discussions on the graphic arts and publishing — in print or on the web


Go Back   Desktop Publishing Forum > General Discussions > Web Design

Reply
 
Thread Tools Display Modes
Old 09-04-2006, 01:58 PM   #1
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
Default 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]
ktinkel is offline   Reply With Quote
Old 09-04-2006, 05:51 PM   #2
dthomsen8
Member
 
dthomsen8's Avatar
 
Join Date: Aug 2005
Location: Philadelphia, PA 19130
Posts: 2,158
Default Different dingbats?

Do you intend to have different dingbats for different quotes?
dthomsen8 is offline   Reply With Quote
Old 09-04-2006, 06:09 PM   #3
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
Default

Quote:
Originally Posted by dthomsen8 View Post
Do you intend to have different dingbats for different quotes?
Nope. Just one for all.

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 09-05-2006, 02:56 AM   #4
dthomsen8
Member
 
dthomsen8's Avatar
 
Join Date: Aug 2005
Location: Philadelphia, PA 19130
Posts: 2,158
Default Use lists

If only one dingbat, use lists. Richard Waller has the technique for you.
dthomsen8 is offline   Reply With Quote
Old 09-04-2006, 11:31 PM   #5
Richard Waller
Member
 
Richard Waller's Avatar
 
Join Date: Aug 2005
Location: Goring-by-Sea, West Sussex UK
Posts: 732
Default

http://www.waller.co.uk/family/dogrules.htm uses a table to get everything lined up.

   
__________________
Richard Waller
www.waller.co.uk
www.goring-by-sea.uk.com
Richard Waller is offline   Reply With Quote
Old 09-05-2006, 07:19 AM   #6
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
Default

Quote:
Originally Posted by Richard Waller View Post
http://www.waller.co.uk/family/dogrules.htm uses a table to get everything lined up.
Very cute.

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]
ktinkel is offline   Reply With Quote
Old 09-05-2006, 07:29 AM   #7
Kelvyn
Staff
 
Kelvyn's Avatar
 
Join Date: Feb 2005
Location: In the Heart of the English Lake District
Posts: 1,381
Default

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

Kelvyn is offline   Reply With Quote
Old 09-05-2006, 07:42 AM   #8
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
Default

Quote:
Originally Posted by Kelvyn View Post
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.
I know how to do that — you use list-style-image with a URL. I wanted to figure out how to do it in a div or <p>. But I have given up.

Nice to have you back. We missed you.

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 09-06-2006, 01:53 AM   #9
annc
Sysop
 
annc's Avatar
 
Join Date: Oct 2004
Location: Subtropical Queensland, Australia, between the mountains and the Coral Sea
Posts: 4,503
Default

Quote:
Originally Posted by Kelvyn View Post
I'm sure I have seen a way of using images to replace bullets in an ordered list.
I used it on this page. You have to scroll down a bit.

   
__________________
annc is offline   Reply With Quote
Old 09-06-2006, 12:19 AM   #10
LoisWakeman
Staff
 
LoisWakeman's Avatar
 
Join Date: Jan 2005
Location: Uplyme, Devon, England
Posts: 1,402
Default

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)!
LoisWakeman is offline   Reply With Quote
Reply

Thread Tools
Display Modes

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 On
HTML code is Off

Forum Jump

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


All times are GMT -8. The time now is 05:04 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.
Contents copyright 2004–2019 Desktop Publishing Forum and its members.