469,934 Members | 2,763 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,934 developers. It's quick & easy.

images not showing up in DIV

Hello,

this is my code and i use FF

.main {
position:absolute;
margin-left:-100px;
width:600px;
height:682px;
z-index:3;
left:100px;
top:148px;
background-color:000000;
<img src="http://i53.photobucket.com/albums/g77/t3nnisstud/O3redoverlay.jpg">
}

for some reason the image doesn't show up.
can someone tell me why?
i get the bckground color but no image.
May 9 '07 #1
2 3306
Is this your css file if it is you need to put the image tag in your html file with the div class i.e
html file
<div class = "image">
<img src = "image.jpg">

css file

.image {
float:left;
width: 20%;
border: thin solid black;
padding: 10px 20px 40px 5px;
margin: 50px;
font-family:arial;
}
this is within a box but if you fiddle it should be fine
May 9 '07 #2
drhowarddrfine
7,435 Expert 4TB
Unless he's trying to make it a background image. In that case, your image tag in the css won't work because it's html. Do this in your css instead:
Expand|Select|Wrap|Line Numbers
  1. background-image:  url("http://i53.photobucket.com/albums/g77/t3nnisstud/O3redoverlay.jpg")
May 9 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Bob Bedford | last post: by
5 posts views Thread by vanisathish | last post: by
11 posts views Thread by Ian Davies | last post: by
1 post views Thread by lewindha | last post: by
2 posts views Thread by Carl Gilbert | last post: by
7 posts views Thread by justshezi | last post: by
5 posts views Thread by tshad | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.