blockquote element styling

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

blockquote element styling

Post by d_cee »

Hi

does anybody know how I can style the blockquote element like this

Image

rather than this, which is all I seem able to do

Image

thanks

Dave
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert »

It looks like you're styling the blockquote, which is a block-level element (as the name would imply). If you wrap a <span> around the text and style it instead, you should get the results you're looking for.
Judebert
---
Website | Wishlist | PayPal
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

Post by d_cee »

DOH!

thanks Jude - I'm havin' a hard day LOL

Dave
carl_galloway
Regular
Posts: 1331
Joined: Sun Dec 04, 2005 5:43 pm
Location: Andalucia, Spain
Contact:

Post by carl_galloway »

If I can add to that. Jude is correct in saying the blockquote is block level, and unfortunately CMS's and blog engines have corrupted the original intention of it by styling it as inline in many cases. The correct inline quote is actually <quote> instead of <blockquote>.

I know that when we're creating templates for use by other users we want to style the blockquote, after all, that's what users have available to them when editing posts, what I would like to see is some additional manipulation by Serendipity of the blockquote button in the text editor, so that instead of simply wrapping a blockquote around it we actually wrap a div around it with a span so that we can really begin to style our quotes rather than have to force a solution into a single html tag which isn't designed to work the way we want to style it.

Considering how far we're pusing Serendipity with recent changes, I would say it might be about time to look into this as a possible permanent feature.
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert »

So, you're thinking of a change to the "Quote" button on the editor? Or a change to markup that substitutes a div & span for the blockquote tag?
Judebert
---
Website | Wishlist | PayPal
stm999999999
Regular
Posts: 1531
Joined: Tue Mar 07, 2006 11:25 pm
Location: Berlin, Germany
Contact:

Post by stm999999999 »

aeh, please, whatever you do: Leave the possibility to make a real blockquote by button!
Ciao, Stephan
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

Post by d_cee »

:idea: wouldn't it be nice to have a 'quote' button and a 'blockquote' button?

Dave
carl_galloway
Regular
Posts: 1331
Joined: Sun Dec 04, 2005 5:43 pm
Location: Andalucia, Spain
Contact:

Post by carl_galloway »

It would be nice to have both buttons, but the more we add, the more confused some users will become, and the more like a wysiwyg editor our little text editor will become. Somehow I don't think the developers will thank us for adding extra buttons, but it would be nice.
stm999999999
Regular
Posts: 1531
Joined: Tue Mar 07, 2006 11:25 pm
Location: Berlin, Germany
Contact:

Post by stm999999999 »

I think, this button can in the event_typesetbuttons-plugin?

There are a lot of other changes, that should be done to this plugin:

http://www.s9y.org/forums/viewtopic.php?t=6874
Ciao, Stephan
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

Post by d_cee »

stm999999999 wrote:I think, this button can in the event_typesetbuttons-plugin?
I'll have to take a look at this plugin, I've never used it (didn't even know of it :oops: )

thanks

Dave
Post Reply