PDA

View Full Version : two images in one element Blockquote, Pullquote


CC3321
02-08-2003, 04:57 PM
I'm trying to CSS the table-based pullquote and blockquote with dispropotionate large Startquote and Endquote images.

An example of a table-based pullquote (http://news.bbc.co.uk/2/hi/health/2592069.stm)

Is there an elegant way to bracket the blockquote and pullquote text with IMG BigStartquote Text goes here IMG BigEndquote?

BTW, this is a basic table-based markup gadget and nowhere really covered in CSS lists, cutting-edge CSS sites, and so on. It is one of the few reasonable use of images, and zip, nada, nothing.

COBOLdinosaur
02-08-2003, 06:17 PM
Roughly something like this. probably needs some size adjustment and font-settings:
<div style="width:150; background-color:lightyellow">
<img src="leftquote,gif" style="float:left"><span style="font-weight:bold">
In two minutes you have a complete examination of the patient<span>
<div style="width:100%;text-align:right"><img src="rightquote.gif">
<br />Nicolas Poirot<div>
</div>

CC3321
02-09-2003, 03:20 PM
Hmm....

You couldn't do something like a .pullquote background url and then, say, .pullquote p background image?? This way you can -- in running text and over many written articles -- go

<div whatever .pullquote><p>In two minutes you have a complete examination of the patient</p></div>

Putting the IMG this way allows for the follwing...

Area of .pullquote starts (background-color:lightyellow and all)

[IMG Startquote] Here is the text of a a common single quote. [IMG Endquote from pullquote p overlays]

...But wait. There's more related quotes here! Or it could be another quote from the same source, but later in an interview or whatever. Still in the same block however.[IMG endquote -- yes another one -- from pullquote p]

Area of .pullquote now ends (background-color:lightyellow and all)


My point is for form and typing, isn't this a better way? Proper form -- I think -- is one startquote and endquotes at the formal end of each separate quote, and I could see that might come from two or more different people/sources.