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-06-2006, 05:43 AM   #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,189
Default A list? How?

This is what I am trying to do. The image could obviously be linked explicitly with each entry, but that seems extremely inelegant. But it appears the only way to have it inserted automatically via CSS is to use lists.

How would I use lists for this sort of information? That is: Each set would have a repeated image; a bold date; a quotation; and a citation.

Make each set a UL with 4 different LIs in it? Or a simple list, with BRs to organize the different types of information? Or a definition list?

Color me puzzled. Maybe I have just been looking at this too long.



1818

Part of a word, or a complete word in a break line, if it contains no more than three or four letters, is improper. It should be the business of the proofreader, at all times, to notice this encroachment. The last line of a paragraph should not, on any account, begin a page, neither should the first line of a paragraph come at the bottom of a page, if the work has white lines between the breaks.

C.S. Van Winkle: The Printer’s Guide; or an introduction to the the art of printing, New York.

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

Did AnnC's message in your earlier thread provide any help?
dthomsen8 is offline   Reply With Quote
Old 09-06-2006, 01:28 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,189
Default

Quote:
Originally Posted by dthomsen8 View Post
Did AnnC's message in your earlier thread provide any help?
No. She is replacing the built-in list markers with images. I know how to do this.

What I am trying to figure out is how to set up my information in a list at all. I am probably overlooking the obvious or otherwise being dim, but it doesn’t really look all that list-like at all to me, but if that is the only way I can have the repeating image, I am game to try it.

But how? That is the question.

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 09-06-2006, 04:01 PM   #4
gary
Member
 
Join Date: Dec 2004
Location: In the heart of Lake Minnetonka
Posts: 337
Default

List <li> is for one-at-a-time
Definition <dd> is for two-at-a-time
For more than two-at-a-time I suspect you need to make an XML definition ('triplet') which you can style.
gary is offline   Reply With Quote
Old 09-06-2006, 04:37 PM   #5
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,189
Default

Quote:
Originally Posted by gary View Post
List <li> is for one-at-a-time
Definition <dd> is for two-at-a-time
For more than two-at-a-time I suspect you need to make an XML definition ('triplet') which you can style.
Oy. That is what I feared. Merci.

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 09-06-2006, 06:10 PM   #6
don Arnoldy
Curmudgeon
 
don Arnoldy's Avatar
 
Join Date: Oct 2004
Posts: 491
Default

Quote:
Originally Posted by ktinkel View Post
Color me puzzled. Maybe I have just been looking at this too long.
Here's how I would attack it:
HTML Code:
<dl>
    <dt><img src="ffhljhhjgsdh.gif"><br/> 1818</dt>
    <dd>Part of a word, or a complete word in a break line, if it contains no more than three or four letters, is improper. It should be the business of the proofreader, at all times, to notice this encroachment. The last line of a paragraph should not, on any account, begin a page, neither should the first line of a paragraph come at the bottom of a page, if the work has white lines between the breaks.<br/><cite>C.S. Van Winkle: <span class="source">The Printer’s Guide; or an introduction to the the art of printing,</span> New York. </cite></dd>
</dl>

--don

   
__________________
--don
don Arnoldy is offline   Reply With Quote
Old 09-06-2006, 08:43 PM   #7
gary
Member
 
Join Date: Dec 2004
Location: In the heart of Lake Minnetonka
Posts: 337
Default

Quote:
Originally Posted by ktinkel View Post
Oy. That is what I feared. Merci.
Here is a start.
Save the two files in the same directory and open cluster.xml in FF or IE.

cluster.xml
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cluster.xsl"?>
<cluster>
  <triplet>
    <year>1881</year>
    <commentary>Sometimes the results of a positive action are negative</commentary>
    <quotation>No good deed goes unpunished</quotation>
  </triplet>
</cluster>
cluster.xsl
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:template match="/">
    <html>
    <body>
      <h2>The triplets</h2>
      <xsl:for-each select="cluster/triplet">
        <div class="one"><img src="fancy_graphic.jpg"/></div>
        <div class="year"><xsl:value-of select="year"/></div>
        <div class="commentary"><xsl:value-of select="commentary"/></div>
        <div class="quotation"><xsl:value-of select="quotation"/></div>
      </xsl:for-each>
    </body>
    </html>
  </xsl:template>
</xsl:stylesheet>

Last edited by gary; 09-06-2006 at 08:57 PM. Reason: Removed invalid XSD
gary is offline   Reply With Quote
Old 09-06-2006, 08:59 PM   #8
gary
Member
 
Join Date: Dec 2004
Location: In the heart of Lake Minnetonka
Posts: 337
Default

Since I didn't get the XSD correct, I have deleted it; obviously I need to rehone my XML skills.

Last edited by gary; 09-06-2006 at 09:21 PM. Reason: Oops
gary is offline   Reply With Quote
Old 09-07-2006, 02:56 AM   #9
Bo Aakerstrom
Member
 
Bo Aakerstrom's Avatar
 
Join Date: Mar 2005
Location: Derby,UK
Posts: 1,316
Default

If this wasn't a list you could use css to style the heading.
XHTML:
Code:
<hx>Some heading</hx>
<p>Some text</p>
<cite>C.S. Van Winkle: <b>The Printer’s Guide; or an introduction to the the art of printing</b>, New York.</cite>
CSS for the background and padding of the heading (you know what else you want to do with it):
Code:
hx {
    background:white url(filename.ext) no-repeat top left;
    padding:40px 0 0 0; /* adjust until it looks like you want it to */
    }

   
__________________
www.boaakerstrom.com
Behance Portfolio

Last edited by Bo Aakerstrom; 09-07-2006 at 02:58 AM. Reason: correction
Bo Aakerstrom is offline   Reply With Quote
Old 09-07-2006, 04:44 AM   #10
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,189
Default

Quote:
Originally Posted by don Arnoldy View Post
Here's how I would attack it:
HTML Code:
<dl>
<dt><img src="ffhljhhjgsdh.gif"><br/> 1818</dt>
<dd>Part of a word …<br/>
<cite>C.S. Van Winkle: 
<span class="source">The Printer’s Guide</span> New York. </cite></dd>
</dl>
I wanted to avoid the repeated IMG calls by putting them in the CSS. But I guess the easiest way of handling a list like this is to use the BRs, no matter how crude they seem.

Weird. Not an uncommon requirement (leaving out the image). What do all the book dealers do?

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel 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
List of who posted in a thread. Andrew B. How to Use the Forum 5 01-03-2009 11:01 AM
FOG Next wish list ktinkel Fonts & Typography 4 05-11-2005 06:11 AM


All times are GMT -8. The time now is 04:21 PM.


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