Sent by Paul Novitski on 29 July 2005 01:01
At 02:30 PM 7/28/2005, Angus at InfoForce Services wrote:
>Is it possible to use CSS to create the attached GIF? If so, how? Or
>Should I use it as a background image and add text to the fore ground?
Angus,
I'm having trouble understanding your question, but let me take a stab at
answering what I think you might be asking about.
Today's CSS is incapable of creating images. All CSS can do is position
and otherwise style an image on the page. You have to create the image
using an application such as Photoshop and upload it to the server. Then
HTML and CSS can include the image on a page, either as a foreground image
object in HTML or as a background image in CSS.
If you want an image to appear behind some text, you would normally place
the text in the HTML file and reference the image file name in the
stylesheet as the background image for that page element:
HTML:
<p id="intro">This is the foreground text.</p>
CSS:
p#intro
{
background: url("parchment.jpg") top left repeat;
}
("top left repeat" are not required because they are the default values
here, but I'm including them to show that they are options.)
For more information on background images, see:
http://www.w3.org/TR/CSS21/colors.html
Please be cautious about placing images behind text. If the image is
high-contrast or detailed or too much in the same color or brightness range
as the text, the text will be hard to read, causing many visitors to your
website to squint, complain, and depart.
Regards,
Paul
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
