image doesn't show in browser using CSS

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 430,101 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,161 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1022 | Replies: 1

•

Join Date: Feb 2008

Posts: 7

Reputation: Beeej21 is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

Beeej21

Offline

Newbie Poster

image doesn't show in browser using CSS

Feb 8th, 2008

Hello all!
I am struggling with what seems to be a very simple problem. Well, the issue is extremely annoying and problematic, and I am unable to figure out the solution.

I am using CSS to load an image onto my HTML page. The reason being because I'd like to be able to swap out the images using CSS depending on the circumstance. Well, for some odd reason, the image is showing up in Dreamweaver CS3 in my desighn panel, but it does not show once I load that same page into a browser! That is very frustrating.

Here is the code from my css file:

Help with Code Tags

(Toggle Plain Text)

#me {
	background-image: url(../../images/avatar.jpg);
	background: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 125px;
	width: 125px;
	position: relative;
}

Pretty straight forward. Now here is the code residing on my HTML page:

Help with Code Tags

(Toggle Plain Text)

<td width="125"><div id="me"></div></td>

Can someone PLEASE explain to me why Dreamweaver is showing the image in my table cell, but once I load the page into a browser ( IE, Firefox, Netscape, etc ) I do not see anything except for the background color I picked for the css tag. The background color shows up, so I know that the HTML page is connecting properly to the css file.

Please help. Thank you in advance.