Prev: GG IE6 Bug - Float
Next: Rant: Microsoft madness
From: Baron Samedi on 6 May 2008 04:36
I am looking for a reliable cross-browser pull-quote solution in CSS.
See for instance, http://www.sitepoint.com/examples/pullquotes/

The problem seems at first to be sure that it functions across all
browsers, but there seem to be a few very similar solutions, so that
is probably not a major hurdle.

However, just to complicate things, I want to have it "inline" (http://
www.tizag.com/cssT/inline.php)

The reason I want this is that I want to use it as a blogging "plug-
in" - and I want to share this plugin with others. I can't expect them
all to include a CSS file, so I want to do it inline, then users can
post something like ...

"I went down the pub last night, because [[pq:I like beer]]. Hilarity
ensued"


The problem is that "first-letter" seems to be a block level
attribute, so I am not sure if I can use it inline...

Can it be done? Can someone show me how to inline - for instance - the
example from http://www.sitepoint.com/examples/pullquotes/

Thank you very much in advance.
From: Jukka K. Korpela on 6 May 2008 08:02
Scripsit Baron Samedi:

> I am looking for a reliable cross-browser pull-quote solution in CSS.

What do you mean by that?

> See for instance, http://www.sitepoint.com/examples/pullquotes/

It doesn't explain what you mean by a reliable cross-browser pull-quote
solution in CSS.

> However, just to complicate things, I want to have it "inline"

That depends on what you mean by "it". The pullquote? Or the CSS code
purported to present something as a pullquote?

> The reason I want this is that I want to use it as a blogging "plug-
> in" - and I want to share this plugin with others.

Wrong approach. Inlined code is not for sharing. It's for quick and
dirty testing, and maybe for some casual tricks. But to create some
shareable CSS code, make it separate CSS code with good instructions on
assumptions about markup.

> I can't expect them all to include a CSS file,

In a blog, you should use tools provided by the blog software. If the
software hasn't got suitable tools, get better software.

> The problem is that "first-letter" seems to be a block level
> attribute, so I am not sure if I can use it inline...

This sounds very confused. It's not an attribute, and CSS has no
attributes at all (though it has attribute selectors). You are perhaps
referring to the :first-letter pseudoelement. Well, you just can't use
pseudoelements in inlined CSS code.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

 | 
Pages: 1
Prev: GG IE6 Bug - Float
Next: Rant: Microsoft madness