...

View Full Version : code to send image up front



tylerbe992
07-10-2008, 02: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, 03: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, 03: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, 03: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, 04: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">&#160;

jcdevelopment
07-10-2008, 04:29 PM
add this to your style

background-repeat:repeat;

you have to set a width and height i believe!

tylerbe992
07-10-2008, 04:34 PM
whats my style?

jcdevelopment
07-10-2008, 04:42 PM
<img style="Z-INDEX: 100; POSITION: absolute" height="9" alt="" src="top.gif" width="32" border="0">

tylerbe992
07-10-2008, 04: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, 04: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, 05: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, 05:06 PM
try this instead

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

tylerbe992
07-10-2008, 05: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, 05:19 PM
no problem, good luck!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum