code to send image up front

tylerbe992

07-10-2008, 01:53 AM

hi i have background and i want a image to go in front of the abckground but its always in back so you cant see it...is there a code to make the image go up front of the background and not in back?

jcdevelopment

07-10-2008, 02:06 AM

set background image as this

.backgroundImg {
position:absolute;
top:0px;
left:0px;
width:/*whatever*/;
height:/*whatever*/;
z-index:1;
}

.frontImg {
position:absolute;
top:100px;
left:100px;
width:/*whatever*/;
height:/*whatever*/;
z-index:10;
}

That should work.

tylerbe992

07-10-2008, 02:07 AM

even this part of the code?

.frontImg {
position:absolute;
top:100px;
left:100px;
width:/*whatever*/;
height:/*whatever*/;
z-index:10;
}

jcdevelopment

07-10-2008, 02:11 AM

not sure what you mean by that sorry. You need to apply the class "frontImg" to your top image and apply the class "backgroundImg" to your background that way it will work

HTML

<img src="back.gif" class="backgroundImg" />
<img src="front.gif" class="frontImg" />

tylerbe992

07-10-2008, 03:19 PM

it worked! thxs! now how do i make this image repeat?

<img style="Z-INDEX: 100; POSITION: absolute" height="9" alt="" src="top.gif" width="32" border="0">

jcdevelopment

07-10-2008, 03:29 PM

add this to your style

background-repeat:repeat;

you have to set a width and height i believe!

tylerbe992

07-10-2008, 03:34 PM

whats my style?

jcdevelopment

07-10-2008, 03:42 PM

tylerbe992

07-10-2008, 03:50 PM

can u add it in for me and then send it to me plz

because im such a newbie

jcdevelopment

07-10-2008, 03:56 PM

<img style="z-index: 100; position: absolute; height:9px; width:32px; background-repeat:repeat;" alt="" src="top.gif" border="0">

That should do it, let me know!

tylerbe992

07-10-2008, 04:01 PM

no didnt work but its ok...im donig this...
<img style="Z-INDEX: 100; LEFT: 0px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 30px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 60px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 90px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 120px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 150px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 180px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 210px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 240px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 270px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 300px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 330px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 360px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 390px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">
<img style="Z-INDEX: 100; LEFT: 420px; POSITION: absolute; TOP: 18px" height="9" alt="" src="top.gif" width="30" border="0">

lol

jcdevelopment

07-10-2008, 04:06 PM

try this instead

<body style="background-image:url(top.gif);">

tylerbe992

07-10-2008, 04:17 PM

thxs for the help man but i'll just do the copy and paste instead :thumbsup:

thxs for your help alot though!

:D

jcdevelopment

07-10-2008, 04:19 PM

no problem, good luck!