Problem with coding image into table using css, css myspace coding problem |
![]() ![]() |
Problem with coding image into table using css, css myspace coding problem |
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 |
|
|
|
![]() ![]() |