Pic in Div

[pantherseyes]

OOOOHHHHHHHHHHHHHHHHHHHH, holy crap, i thought instead of under, it would be behind or in front!!

sssooooo...............is it possible to do a div and then put a behind that is wider??  or you just do a gif or png and leave it at that??

and thanks, i'll fix those other blunders you mentioned.

[B.SkiLLs]

yes

[B.SkiLLs]

 

[pantherseyes]

 

i think im getting the idea you design ONE BACKGROUND IMAG that will have it appear you did a seperate background image behind div.......am i onto something here? 

i have looked at codes where they do it in tables behind a div-but i find tables to be a pain in the butt......

my idea would work??  meaning one background image that would look as though the top is slightly (or largely) different and the top divs are just png or gif image-i hope im onto this???

enjoying that snack?  lol!

[B.SkiLLs]

No. The div background is the div background. It doesnt have to have a pic inside the div. But could also have a background and a pic in it if wanted or needed. etc..

[pantherseyes]

should i ask in the tutorial section on coding for pic in div with a background?

or would it be easier to make the background pic instead for the div.

when i tried the background to go behind the div, remember it went underneath it and not behind it. even when i switched the index numbers.

im sorry to ask, but this has been a stickler for me.  i want a pic in div and it will need a background to fill it out so it looks good.

[B.SkiLLs]

No its the same thing but just with a background image css code in the CSS style sheet. Then with a HTML image code as content inside the div. That simple.

[pantherseyes]

if i understand you correctly, for a background to go behind the div-normal css coding, then html to go with css coding.

i'll hold off on other question to take this one at a time - otherwise im going to think more and try to solve it myself.

[B.SkiLLs]

No Mary..
Listen it takes on CSS part of code which is ONE CSS selector. [div name] Which has all the regs codes in it including the background part. Just have that part filled in with a URL for the BG image. Now for the contents. Then use a regular html image code and put it in the div.

Then the div will have a background image and a image inside the div itself.

[pantherseyes]

i need to ask how that code would go then.

i have no idea, and anything i've done with that so far, has turned into shit.

[Ed]

B. Skills is indisposed for a unknown amount of time (I don't think it will be that long) so I'll be holding down the fort while he's away...

So you want to create a div with a background then put a pic inside the div?

If that's the case the css would look something like this:

Code:

.divname {
z-index:XX;
margin-left: 50%;
left: XX px;
position:absolute;
top: XX px;
width: XX px;
height: XX px;
background-image:url("XX");
background-position:top center;
background-repeat: no-repeat;
}

your html would look like this

Code:

<div class="divname"><img src="XX" /></div>

then if you wanted to position the image inside the div you could add this css to the code:

Code:

.divname img {
z-index:XX;
margin-left: 50%;
left: XX px;
position:absolute;
top: XX px;
width: XX px;
height: XX px;
}

[pantherseyes]

okay, gave this a whirl, umm.....question??

here is what is in my members section:

Code:

<div class="TopBannerbackgroundpic">
<img />

<div class="Topdivpic">
<img src="http://i34.tinypic.com/5pipuu.jpg" />

</div>

here is what is in bio section:

Code:

<style>
body {margin-top:600px;}

.TopBannerbackgroundpic {
z-index:2;
margin-left: 50%;
left:-500 px;
position:absolute;
top:5 px;
width: 1280 px;
height: 1024 px;
background-image:url(http://i39.tinypic.com/b50gt5.jpg);
background-position:top center;
background-repeat: no-repeat;
}
.Topdivpic {
z-index:1;
margin-left: 50%;
left:-440px;
position:absolute;
top:10 px;
width:800px;
height:517px;
}

.contactTable {display: none;}
</style>

i noticed how, i mention the img url in css and in html, just end image, and it shows, does it work vica versa??

[Ed]

i noticed how, i mention the img url in css and in html, just end image, and it shows, does it work vica versa??

Sorry?

[pantherseyes]

i just tried to explain this  and it didn't make sense-i'll write back later on this.

[pantherseyes]

background-image:url(http://i39.tinypic.com/b50gt5.jpg);
this went in the css code, whereas i didn't do that before, just set up the div

then in the next box for html codes i put the url.

so, if i were to switch that, take out the background image and left all the other stuff you gave which worked well and put the url in the html, instead of having the </img> thing in html, if that made sense.


if you look at my codes, you'll see what i mean by the coding.  i just want to be sure it's not bad or improper coding to do it this way.