Re: vertical-align content-generated image?

On Mon, 21 May 2001, fantasai wrote:
>
> #q:before {
> 	content: url(image.gif);
> }
>
> <span id="q">some text</span>
>
>
> How do I vertical-align the image?
> I can vertical-align its anonymous inline container,
> but vertical-align does not inherit.
>
> Or, how does one put a border on the image?
> One can put a border around its inline container,
> but that border doesn't quite trace the edges of
> the image.
>
> Or, how do I get a colored background behind the image?
> I can 'background' its anonymous inline container,
> but the colored canvas doesn't line up with the image.
>
> I can't figure out how to address this image, yet
> I'm quite convinced I should be able to.
>
> Anyone care enlighten me?

You can't (in CSS2).

In the relevant CSS3 module, I would hope to see some way of specifying
the content of replaced elements, which would go some way towards fixing
this. Do you have any syntax ideas? That would be most helpful...

-- 
Ian Hickson                                            )\     _. - ._.)   fL
Invited Expert, CSS Working Group                     /. `- '  (  `--'
The views expressed in this message are strictly      `- , ) -  > ) \
personal and not those of Netscape or Mozilla. ________ (.' \) (.' -' ______

Received on Tuesday, 22 May 2001 03:51:03 UTC