3 replies [Last post]
GlobalBusinessC...
Offline
newbie
New York
Last seen: 10 years 5 weeks ago
New York
Timezone: GMT-4
Joined: 2009-10-29
Posts: 2
Points: 3

I'm trying to achieve an aritcle quote effect in Drupal (see the image).

Basically the quoted text appears in the middle of the article, only styled larger and embedded in the body of the article. The problem is, I want this quote to appear in the middle of a body of text, and not need to style it every time. I can use theme templates with CCK to create a field called something like "article_quote". The problem is that "body" is a variable unto itself and can't be broken up into pieces. So the div that would enclose the "article_quote" would come before or after ALL of the text in the article.

Is there a way to use CSS to position the quote in the article, and make the text wrap around it?

Thanks!

CNN.jpg

downtap
downtap's picture
Offline
Enthusiast
Dallas, TX
Last seen: 4 years 47 weeks ago
Dallas, TX
Timezone: GMT-7
Joined: 2008-01-18
Posts: 227
Points: 36

What wysiwyg editor are you

What wysiwyg editor are you using...or just the default drupal one? Using a blockquote in your editor should give you that effect, then you just need to style that property I'm assuming.

GlobalBusinessC...
Offline
newbie
New York
Last seen: 10 years 5 weeks ago
New York
Timezone: GMT-4
Joined: 2009-10-29
Posts: 2
Points: 3

Thanks, but that's not really

Thanks, but that's not really what I want to do. I want ANYONE to be able to do this without needing the WYSYWIG editor, so my plan is to create a separate CCK field that contains whatever text the article quote would contain.

Not to mention blockquotes are useful for indenting text, so I don't want to lose that as an option for people who are entering these articles (though please let me know if that's failed logic).

What I'm saying is that the "Article Quote" code would need to be above or below several paragraphs of text, but it should ultimately appear in the middle of the body--say 210px down--assuming the body will be at least 500px high. So the code would look something like this (though it should ultimately appear to the user as if that quote is in the middle of the text):

<div>Some Article Quote</div>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet imperdiet orci. Ut eu mauris ipsum, nec eleifend nunc. Fusce mollis pulvinar elit, non consequat nunc imperdiet ac. Aliquam mi lorem, convallis eu volutpat ac, dignissim quis ante.</p>
 
<p>Aenean venenatis rhoncus lectus, et varius quam dignissim id. Mauris nec nunc et risus tincidunt gravida. Sed cursus sapien non augue posuere fringilla. Aliquam commodo nunc non dolor consectetur fringilla. Sed a leo justo. In sem libero, fringilla ut semper nec, egestas vel purus. Etiam id dolor et neque egestas porttitor. Nunc in congue enim.</p> 
 
<p>Nam leo lectus, imperdiet sed mollis nec, porttitor vel turpis. Integer imperdiet faucibus massa, nec convallis eros sagittis id. Curabitur non dui purus, ac ultricies eros. Etiam iaculis lacinia feugiat. </p>

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

oops

I think I misunderstood the question.

To float the text around the div it would have to be placed in the middle of the text. Are you trying to make some sort of BBCode so that this can be added to posted articles?