Can I "inline" pull-quotes

[Baron Samedi]

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.

[Jukka K. Korpela]

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/

[Gus Richter]

Jukka K. Korpela wrote:

>
re. the :first-letter pseudoelement. Well, _you just can't use_
_pseudoelements in inlined CSS code_.

It could have if there had been follow-through on a 6 year old draft:

<http://www.w3.org/TR/2002/WD-css-style-attr-20020515>

Now on a Low Priority CSS 3 list.

--
Gus

[Baron Samedi]

On May 6, 8:02 pm, "Jukka K. Korpela" <[e-mail]:

Scripsit Baron Samedi:

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

What do you mean by that?

Well, I want a CSS pull-quote, but I understand that CSS doesn't have
identical support in all browsers - but, let's just keep things simple
- a solution for *any* browser (or just "valid" CSS will do). My main
problem here is that I want to inline the pull qutoe, but am nit sure
how to.

>

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.

Sorry, it's jut one of many pullqutoes examples. Please forget that I
ever said cross-browser, sorry.

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?

Both - effectively, I want to define a CSS class in HTML and use it
immediately with some text which will be used as the Pull Quote.

>

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 will address this below - I don't know much about CSS at all, but I
am the main volunteer plug-in coder for the blog system which I use
and I do know that inline, dirty as it may be, is the optimal solution
for casual bloggers. (I did once go through this same discussion for a
plugin to show tooltips; I believe th CSS gurus when they tell me that
it is not optimal, but when I found one who spoke both CSS and PHP and
who understood the blog system, he concluded that that was the way to
go).

>

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.

I am getting better software - by writing it :-)

>

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.

Yes, that's what I feared, thanks for clarifying.

You will probably throw up your hands in disgust, but I am going to
have the PHP plug-in test for the existence of a small CSS file,
generate it on the fly if it does not exist, then include it and use
it for pullquotes. Mwuuuuhahahahah!!!!!

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