Images in classes

Can anyone suggest how to insert a small graphic at the start of each
occurence of a class?

Roughly, and without regard to syntax, the page goes something like this -

<class1>
<graphic>
<text>
</class1>

<class1>
<graphic>
<text>
</class1>

<class1>
<graphic>
<text>
</class1>

TIA

BernieH

"BernieH" <bhoughton (AT) ozemail (DOT) com.au> writes:

Can anyone suggest how to insert a small graphic at the start of each
occurence of a class?

..class:before {
content: ...;
}

Poorly supported by browsers.

Or, better supported, just put the image in yourself as an <img>.

--
Chris

On Fri, 15 Oct 2004 21:29:03 +1000, BernieH wrote:

Can anyone suggest how to insert a small graphic at the start of each
occurence of a class?

Use a background with no-repeat, and top padding.

Berislav

Berislav Lopac <berislav.lopac (AT) dimedia (DOT) hr>:

Use a background with no-repeat, and top padding.

This workaround for browsers that don't understand ':before' and/or
'content' often causes strange gaps in texts, when images are disabled and
CSS enabled, e.g. in the Wikimedia default layout. I recommend to use the
method, which is intended for this and live with non-display in some
browsers.

--
"Some people say I am a terrible person,
I'm not, I have the heart of a young boy,
in a jar, on my desk."
Stephen King