CSS Forum

**angele803** · 08-01-2005, 01:29 AM

I have been trying to teach myself CSS and have been trying to learn how to layout my site with CSS. So far I have this

http://www.decoratemyweb.com/template.htm

and my css for the layout is here
http://www.decoratemyweb.com/layout.css

I am trying to figure out how to layer things so that I can apply text on top of the "buttonBar" image and the "left" image. First of all, is this even possible? And second of all, if this is possible, can you tell me how, or point me to a tutorial that will help me figure out how?

Thanks in advance!

**chrishirst** · 08-01-2005, 03:23 AM

Easiest way is to set the image as the background for the element.

Code:

#btn_name{
background-image:url(path/image);
background-repeat:nono;
}

**angele803** · 08-02-2005, 08:32 PM

That works. I was thinking about doing it this way, but I didnt know if it was okay to do so. Thanks chrishirst, you are like a CSS god!! lol!

**chrishirst** · 08-03-2005, 06:14 AM

Well thanks, and hopefully you used none; in place of my mistyped nono;

**Mooofasa** · 08-04-2005, 02:26 PM

I think nono: sounds better. You are just like me Angele, I taught myself CSS. I have never used the ID (#) of CSS.

**race_driver** · 08-05-2005, 09:49 PM

Hey is CSS the only way to make a page with a centred image and navigation and stuff on top of it? Am I going to have to buy a new book?

I want to be able to have a background image in the centre of the page (on any resolution monitor!) with stuff on top of it, to the side, below and on top! Is CSS the way forward to achieve this?

Thanks guys - I will appreciate it even if you write 'nono' again

**chrishirst** · 08-06-2005, 04:05 AM

Yep

CSS Code:

Code:

body {
background-image:url(imagename);
background-repeat:no-repeat;
background-position:center center;
}