Need Help :)

I think it's simple, what i want is this


and actually what i get is this


Code i use

.Box {
margin: 0 0 10px 0;
padding: 4px 4px 4px 4px;
width: 162px;
background: #151515 url(images/box.jpg) repeat-x left top;
border: 1px solid #fff;
}
.Box-Title {
width: 160px;
height: 15px;
padding: 7px 0px 4px 0px;
background: #151515 url(images/box-title.gif) repeat-x;
text-align: center;
border: 1px solid #fff;
color: #555;
font-weight: bold;
}
.Spacer {
float: left;
width: 17px;
height: 120px;
margin: 10px 0;
padding: 4px;

Any idea why the image from the box-title wont show up ?

Thanks!

 

Try adding,

position:relative;

Code (markup):

on each div and then,

z-index:1;

Code (markup):

on .Box-Title

 

post your html too please

 

Also make sure your box title image exists

 

check your html code. do you write the flash code in your html file.



<tr>
<td><OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="780" HEIGHT="168" id="logo" ALIGN="">
<param name="wmode" value="transparent">
<PARAM NAME=movie VALUE="logo.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="logo.swf" quality=high bgcolor=#FFFFFF WIDTH="780" HEIGHT="168" NAME="logo" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent"></EMBED>
</OBJECT></td>
</tr>


Zubair.

 

^ a code tag might be a good idea here..

 

Post the HTML source so we can debug it properly. It's hard to complete the puzzle without some of the pieces.

 

can you post the solution you did for this?

thanks