Posted by Dario on 11/24/10 11:53

Gday,

I've a little little problem. I tried to use a pull quote inside my
website.
I created a <div>, for pull quote, called VIRGOLETTE2 with all kinds
of proprieties like float etc... This is the code:

..virgolette2 {
background: #ffe60f url(../images/virgolette4.png) no-repeat left top;
padding: 5px 5px 5px 35px;
float: left;
margin-right: 8px;
width: 145px;
font-family: Courier New;
line-height: 14pt;
font-size: 10pt;
position:relative;}

and code for my <p> article text

p.articolo { color: #51646B;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height: 125%;
color: #000000;
margin-right: 8px;
text-align: justify;}

p.articolo:first-letter {
font-size: 250%;
float: left;
color: white;
background: red;
margin-right: 3px;
padding: 4px;
font-family: Arial Black;}


In Html I add this DIV inside the <p> of article

<p class="articolo">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
suscipit, urna eget accumsan molestie, diam sapien adipiscing ligula,
eget laoreet nisi enim et neque. Duis sagittis accumsan tortor. [...]

<div class="virgolette2">I formati di carta più usati in tipografia
sono il 700x1000mm ed il 500x700mm che non appartengono allo standard
ISO</div>

Nullam mattis dignissim purus. Donec elementum libero at libero. Nam
felis. Nulla id metus ut odio tempus feugiat. Vestibulum nec nisl. Sed
nulla nisi, congue id, fringilla id, rutrum nec, odio.[...] </p>

BUt if you see the image here:
http://users.skynet.be/bk372044/ng/error01.jpg

The paragraph is not styled AFTER the pull quote. Why and how I can fix
it?

Thx a lot
Dario

[Back to original message]