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.
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.