Log In · Register

 
 
Closed TopicStart new topic
Problem with coding image into table using css, css myspace coding problem
jishdafish
post Aug 11 2008, 02:56 AM
Post #1


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2008
Member No: 676,179



hi

i have a problem with coding an image into a certain area on a band myspace page. firstly, i have created a banner which sits bellow the myspace navigation menu, and i have moved the music player up to sit on top of the banner. This has worked so far.

No i wish to place an image into the area where the music player used to be.

this is the code i have so far.

CODE
<div style="position:relative; font-size:50px; z-index:3;">

<style type="text/css">
body
{
  background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/bg5.jpg?t=1218424804);
}

table, { background-color: white; background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/pic1.jpg?t=1218433662);background-repeat: no-repeat;background-attachment: scroll}

object {position:relative; top:-356; left:8px;}
</style>

<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
.i, div.clearfix i i i {display:none;}
{!- cross browser centering -!}
div {position:relative; top:0px;}
div div {height:343px; background-color:transparent !important;}
div div.profileWidth, table div div, div table div {height:auto;}
div div span {position:absolute; left:50%; margin-left:-400!important;}
{!- make room in div div span for Banner -!}
div div span{height:343px; width:800px;}
{! apply banner as bkgd image !}
div div span{background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/BANNERsm4.jpg?t=1218432179); background-position:center center; background-repeat:no-repeat;}
{!- reverse -!}
div.profileWidth span, table div div span{height:auto; width:auto; background-image:none; position:static !important; margin-left:0px !important}
</style>
<i class=i>!!! End Code To Apply Top Banner !!!</i>
</div>


i have tried simply making the image part of the table background, but unfortunately this means all the tables on the page have the background image. and i dont want that.

if it helps here is the myspace page link. http://www.myspace.com/diamonddollsband

if any1 could help me i would be very appreciative.
thankyou
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: