I need help with a most likely impossible question.

[Bry Man]

Hi,

I have been working with css for some time now but now I want to include graphics in my styles, but heres the thing I want to set it up so that they scale with the size of the clients browser screen, I was wondering is it at all possible to have 3 images called into one <div> tag, two for the "caps" and one 1px wide one that tiles horizontally between the two. Im not sure how this could be done of If it can be done without a recode of my site, because that would affect quite a few things.

Also im open to alternatives.

[Vladdy]

CSS allows one graphic per element.
In real browsers you can utilize the :before and :after pseudo-classes to achieve the effect.

[Bry Man]

CSS allows one graphic per element.
In real browsers you can utilize the :before and :after pseudo-classes to achieve the effect.


In real browsers, as apposed to fake ones? im not sure what you mean, also how would you implement the :before and :after effects

[Bry Man]

Or better yet an alternative, as long as it doesnt envolve major modification to my code, in which case as I briefly mentioned I would have to change many other things too.


What about this,my site is down atm so I cant test this, Take my existing <div> and add 3 divs inside it with a class for each, left cap, repeating middle section, and a left cap.

<div><div class="Lcap"></div><div class="Mline"></div><div class="Rcap"></div>Link/Content here</div>

[oracleguy]

In real browsers, as apposed to fake ones? im not sure what you mean, also how would you implement the :before and :after effects

He means real browsers as in ones that have been updated more than once in this millennium.

[trib4lmaniac]

I would have thought he meant real browsers as in not neccessarily adhering to the standards.