Website Design Forum

**UUilliam** · 01-13-2010, 07:27 PM

I finally (kinda) understand how to make a website with an area inside the layout to type in without the use of AP Divs but I need the "bg image" in properties, this doesnt appear in cs4 however appears in cs3 (i use cs3 in college)

Does anyone know how to get cs4 to show it or how to do it in cs 4 without typing the code?

thankyou in advance.

**LadynRed** · 01-13-2010, 09:19 PM

You specify the background image in your css, something like this:

Quote:

#content{
background: #ffffff url(images/contentbg.jpg);
}

The #ffffff means white, of course, and that will be the background color people see if the image isn't displayed.

If you want the image to repeat horizontally, you add repeat-x after the (), vertically use repeat-y, or if you don't want it to repeat at all then you use no-repeat. Using none of them will make the image repeat horizontally AND vertically.

**wayfarer07** · 01-13-2010, 09:21 PM

Why would you not type in the code?

**UUilliam** · 05:27 AM

its handy to have it available in the properties bar tbh

its not for the whole background, just like if you make the layout the slice it, delete a part of the layout then add it back in as a bg image that effects only that "table"

I know the code though in the <td> tag just put it to <td background="/imagelocation.jpg">

**chrishirst** · 01-14-2010, 04:35 AM

Quote:

I know the code though in the <td> tag just put it to <td bg image="/imagelocation.jpg">

Spart from the fact that is incorrect!

"bgimage" as an attribute has NEVER existed in any HTML specification for ANY element.
The browser manufacturers added this attribute to browsers as an alias for the official "background" attribute which was only applicable to the <body> element.

So Dreamweaver CS4 is being absolutely correct in not showing something that does not actually exist.

**UUilliam** · 01-14-2010, 05:30 AM

im not asking for code so you all know and i fixed that bit of code

im asking for in the user interface it usually has a bit like this:

but it doesnt have that in cs4, Im wondering if there is a way to display it in cs4

**chrishirst** · 01-14-2010, 06:15 AM

See post #2 for the correct way to add a background image to any element and read http://www.w3schools.com/css/css_background.asp

**UUilliam** · 07:16 PM

hmm alrighty then
I understand now

Ill use that way in future, Il llink you to the website I was coding (there is another little problem...)

in IE the "links" are mis aligned but work well in fire fox, infact the website works perfect in firefox (with the exception of the scroll bar but you can't customize scrollbars in gecko browsers as far as I am aware.)

http://www.uuilliam.net

I only just learned how to make expanding tables but I really dont want to begin to re-code all of the website... so i'll leave it with the scroll bar.

Update:

I edited my css to now hold the background images however, I now have the problem that I can't position my text using the div tags now...

How would I position my text (and for it to align correctly in both IE and firefox...)
using css while the div id that I am using for the bg image is the sam div id that the text is contained in??
Hopefully that makes some sense :s im not really down with the technical terms yet as I have only just started to learn.

also I am trying to code this one (neither will actually be used i am just learning to code.)
http://www.uuilliam.net/cutiecles

once again its the links that cause the problem (it effects ie only.)
its the css code, I am guessing it cant handle "<h1>" class or text over 28 px since any size less than that it works fine..

**UUilliam** · 05:43 AM

This adding the background to the css is more hassle than it is worth tbh.. its messed up the whole alignment of the site :/
and now my cutiecles template on mozilla has been blown apart just like on ie.

Changed the alignment to baseline, that fixed it... on IE but its still broken on mozilla :/

(on my local drive, not on the website yet.)

Ill start a new thread in CSS thread as it is more relevant to the topic now.