quote formatting issue
for some reason some of the formatting is being lost once the linewraps and on the right. if anyone can enlighten me as to why so that i can fix it. the quote class is: .quote{ font-size:.8em; margin-left:3em; margin-right:3em; } /* replaces blockquote tag */
the result can be seen at this link: http://www.findyourdesire.com/forums.php?fid=2&tid=33
POSIX. because a stable os that doesn't have memory leaks and isn't buggy is always good.
Suzanne posted this at 06:29 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
span is an inline element. you need a block level element to do this.
andy206uk posted this at 16:25 — 7th February 2004.
He has: 1,758 posts
Joined: Jul 2002
Or... just add
display: block;Into the CSS to convert your inline element to a block element.
Suzanne posted this at 17:38 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
!!! Geez, louise, no! There is a tag that would work fine -- DIV. Don't just make stuff up, man.
andy206uk posted this at 17:47 — 7th February 2004.
He has: 1,758 posts
Joined: Jul 2002
Make stuff up? What are you on? Display is a genuine part of CSS!
lookie:
http://www.w3schools.com/css/pr_class_display.asp
Suzanne posted this at 17:51 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
Also, if you fix the code so it's semantic and well formed, you'll be better able to control it using CSS without so many classes and HTML bloat.
<tr> <!-- you shouldn't have anything in a <tr> -->
<td class="pstbttm" colspan="6">
<div class="quote">
<p class="author">Quote War</p>
<p class="msg">Just a little suggestion, since the approval thing takes such a long time, I volunteer to approve of newbies profiles etc, so if you want me to help out, just send me a message and such. :) </p>
</div>
<p>I'll volunteer for that as well if you need the help.</p>
<div class="signature">".....bang....."</div>
</td>
</tr>
div.quote {
font-size: .8em;
font-color: #666;
margin-left: 3em;
margin-right:3em;
}
p.author {
font-weight: strong;
}
p.msg {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
div.signature {
border-top: 1px solid #666;
margin: 2em 0;
}
Suzanne posted this at 17:53 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
Yes, yes it is. But it's not a good way to use it. Changing the function of a tag that's WHOLE PURPOSE is to be inline to be block level when there are tags that serve the purpose better and are DESIGNED for it, seems nothing short of daft.
andy206uk posted this at 17:58 — 7th February 2004.
He has: 1,758 posts
Joined: Jul 2002
*but* your exact words were "Don't just make stuff up, man" I didnt make up a single thing. I agree that it would be better to use a DIV, but I was just explaining an alternative method.
Andy
Suzanne posted this at 18:07 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
Alright, I'll amend my exhortation to "don't recreate the wheel when you have a wheel that fits perfectly right in front of you, man!"
andy206uk posted this at 18:17 — 7th February 2004.
He has: 1,758 posts
Joined: Jul 2002
Thats more like it.
Suzanne posted this at 18:45 — 7th February 2004.
She has: 5,507 posts
Joined: Feb 2000
Ah, Saturdays. What would we do without ye?
m3rajk posted this at 20:41 — 7th February 2004.
They have: 461 posts
Joined: Jul 2003
hehe. thnx. lemme go make a minor adjustment tot he parsing so that'll work
works perfectly. reason i have the class in the row is to change the background color to differentiate between posts.
POSIX. because a stable os that doesn't have memory leaks and isn't buggy is always good.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.