help with slideshow on div layout |
help with slideshow on div layout |
May 24 2007, 05:35 AM
Post
#1
|
|
|
Member ![]() ![]() Group: Member Posts: 13 Joined: May 2007 Member No: 523,713 |
HI guys, I have decide to learn how to do layouts properly but having trouble with one thing at the mo,
In Ie the slideshow shows in the right position but in FF it doesnt here is my page www.myspace.com/stetestpage CODE here is my code for the divs the first is in band bio for the pictures box .div6 { background-color: transparent; background-image: url(http://img71.imageshack.us/img71/3764/picsboxzu5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -450px; top: 750px; height: 232px; width: 215px; overflow: auto; z-index: 1; } and here is the code for the slideshow which is in influences CODE <div class="div5" style="position: absolute; left: 50%; margin-left: -430px; top: 785px; width:171px; height:179px; overflow: auto; z-index:2;"> <object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906" /> </object> </div> any help will be appreciated thanks :) |
|
|
|
![]() |
May 27 2007, 12:34 PM
Post
#2
|
|
|
Member ![]() ![]() Group: Member Posts: 13 Joined: May 2007 Member No: 523,713 |
ok here is what is in the band bio bit, please go easy lol its my first proper div so if coding is wrong then please say :)
<style type="text/css"> .text .text, .btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12 {display:none;} div table td font, table td div, td.text table, table table table {visibility:hidden; } div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;} table, tr, td {background-color:transparent;} a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; } a.navbar:hover { color:FFFFFF; } body { background-color:FFFFFF; background-image: url(URL_GOES_HERE); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; scrollbar-face-color:b60b2f; scrollbar-3dlight-color:000000; scrollbar-shadow-color:90102b; scrollbar-darkshadow-color:6e0b20; scrollbar-arrow-color:8f4051; scrollbar-track-color:000000; } .div1 { background-color: white; background-image: url(http://img405.imageshack.us/img405/9171/rascaltitleff0.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -20px; top: 250px; height: 113px; width: 432px; overflow: auto; z-index: 1; } .div2 { background-color:transparent; color:black; border:0px solid; border-color:black; width:200px; height:167px; overflow:auto; position:absolute; left:50%; top:0%; margin-left:150px; margin-top:640px; text-align:center; visibility:visible; z-index:2; } .div3 { background-color: white; background-image: url(http://img64.imageshack.us/img64/3047/splodgeox5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -250px; top: 400px; height: 486px; width: 603px; overflow: auto; z-index: 1; } .div4 { background-color: white; background-image: url(http://img504.imageshack.us/img504/6339/commentboxxa9.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 150px; top: 600px; height: 112px; width: 210px; overflow: auto; z-index: 1; } .div6 { background-color: transparent; background-image: url(http://img71.imageshack.us/img71/3764/picsboxzu5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -450px; top: 750px; height: 232px; width: 215px; overflow: auto; z-index: 2; } .div7 { background-color: white; background-image: url(http://img64.imageshack.us/img64/3572/vidsbp0.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 150px; top: 750px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div8 { background-color: white; background-image: url(http://img404.imageshack.us/img404/8067/productionslg2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -300px; top: 980px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div9{ background-color: white; background-image: url(http://img78.imageshack.us/img78/6953/venuesiv6.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 0px; top: 980px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div10{ background-color: white; background-image: url(http://img477.imageshack.us/img477/9126/linksaj5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -300px; top: 1240px; height: 188px; width: 507px; overflow: auto; z-index: 1; } .div11{ background-color: white; background-image: url(http://img253.imageshack.us/img253/6123/sponsorsvn7.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -425px; top: 1450px; height: 56px; width: 745px; overflow: auto; z-index: 1; } .aboutme { background-color: white; border:3px ridge white; font-family:helvetica; font-size:12px; font-weight:bold; color:black; padding: 10px; position:absolute; left:50%; margin-left:-150px; top:540px; z-index:2; height:100px; width:200px; overflow:auto; } .productions { background-color:white; border:none; font-family:helvetica; font-size:12px; font-weight:bold; color:black; padding: 10px; position:absolute; left:50%; margin-left:-270px; top:1020px; z-index:2; height:160px; width:150px; overflow:auto; } </style> and here is what is in the influences box :) <div class="div1"></div> <div class="div2"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxxxxxx" type="hidden"> <textarea name="f_comments" class="color">Post comment here</textarea><br /> <input type="submit" value="Send" class="button"></form> </div> <div class="div3"></div> <div class="div4"></div> <div class="div6"></div> <div class="div7"></div> <div class="div8"></div> <div class="div9"></div> <div class="div10"></div> <div class="div11"></div> <div class="aboutme"> I could go on about how I am described as being one of the most technically impressive djs in the scene at the moment or how i have the ability to bully other djs off the decks but ill spare you my hype coz i prefer to let others do the talking... <p>"Rascal's got the skills, the knowledge and the experience as a DJ that only come with true talent and passion. Finally another DJ to battle with !!!" <b> Kutski (Radio 1) </b> </p> <p>DJ Rascal is one of Manchester..s finest homegrown talents and despite his age almost a legend in the underground dance scene. His musical versatility is admirable & scratching and technical skills on the decks are also a key highlight within his performance to single him out amongst the rest of his peers. <b> Barry Almond .. Goodgreef & Native Promoter </b> </p> <p>..Rascal is without doubt one of the most underrated DJ..s in the UK right now. A Top class technician packing an armada of turntable tricks, he is a versatile DJ who can cover the full spectrum of quality underground Hard Dance ranging from Hard Trance & Hard Style right through to Gabba. He..s also knocks out one of the best old skool set..s you..ll ever hear. I can..t recommend him highly enough.. <b> Alex, Fresh DJs Agency. </b> </p> <p>dj rascal is a muli talented dj/producer/promoter who is big in the game right now-djsappo- Advisory records </b> </p> <p>Rascal rocks the raddish like a rabid reptilian! <b> Mark EG </b> </p> <p>''6 years ago DJ Rascal was the first promoter to bring me over to the U.K...I guess u can say that says a lot about his urge to present new and fresh music to the masses, both as a DJ and a promoter.'' <b>Don Diablo. </b> </p> <p>..Carlsberg don..t do DJ..s but if they did it would probably be The Rascal.. <b>Carlsberg Promotions UK Ltd </b> </p> <p>"Having booked and performed along side Dj Rascal on numerous occasssions I can honestly say his technical ability is second to none. Coupled with the fact that he is musically one of the most diverse Dj's around, who is able to rock the crowd with his track selection, is probably what sets him apart from everyone else and leaves other Dj's in his trail!" <b>(Aidan Fusco, resident/promoter of Surge) </b> </p> <p>'Rascal is one of the most versatile DJs i've witnessed at Tangled in the four years i've been with the club. Easily one of the the most crossover DJs we've had play the club. Rascal can play at any time of the night, which is why he's our resident!' <b>Mike Burgess, Tangled. </b> </p> </div> <div class="productions"> <b>Right Click And "Save As"</b> <p><b>hard trance / hardstyle</b> <p> <a href="http://www.knowfear.info/mp3/know_fear_9_rascal_winter_sensation_nov06.rar">Rascal No Fear Winter Sensation Nov06</a></p> <p> <a href=">http://www.knowfear.info/mp3/know_fear_8_guest_mix_the_suspect.rar ">Knowfear 8 guest mix - The Suspect</a> </p> <p> <a href=">http://www.knowfear.info/mp3/know_fear_7_archive_guest_mix_the_suspect.rar ">Knowfear 7 guest mix - The Suspect</a> </p> <p> <a href=">http://www.knowfear.info/mp3/Know_fear_5_guest_mix_kutski_and_rascal_b2b_live_at_binary_july_06.rar ">Knowfear 5 guest mix - Rascal vs Kutski</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_4.rar">Knowfear 4</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_3.rar">Knowfear 3</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_2.rar">Knowfear 2</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_1.rar">Knowfear 1</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_binary_burpday_giveaway.rar">Knowfear - BurpDay</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_species_my_gabba_hcore_techno_classics.rar">Rascal - Species</a> </p> <p> <b> house / trance / old skool house</b> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_illektro_earfood_session_1.rar">Rascal - Illektro - Earfood Sessions</a> ></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_tangled_trance_may05.rar">Rascal - Tangled - Trance</a></p> <p> <a href=">http://www.knowfear.info/mp3/stolen_youth_old_skool.rar">Rascal - Stolen Youth - OldSkool</a></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_out_of_the_blue_radio_tech_trance_hard_trance_nov_06.rar">Rascal - Out Of The Blue- Tech Trance/Hardtrance</a></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_tangled_house_nov_06_for_radio_salford.rar">Rascal - Tangled House</a></p> </div> <div class="div5" style="position: absolute;left: 50%;margin-left: -430px;top: 785px; width:171px; height:179px; overflow: auto; z-index:2;"><object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://www.freeflashslideshow.com/zpicslideshow.swf?myid=815074&f=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.freeflashslideshow.com/zpicslideshow.swf?myid=815074&f=1" /> </object></div> <div class="musicplayer" style="position: absolute;left: 50%; margin-left: 195px; top: 415px; width:50px; height:50px; z-index:2;"><object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://www.mp3asset.com/swf/mp3/player.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.mp3asset.com/swf/mp3/player.swf" /> <param name="flashvars" value="myid=2680028&path=2007/05/27&mycolor=&mycolor2=&mycolor3=&autoplay=true&rand=1&f=3" /> </object></div> yeah the slideshow will show up in ie but not turn up in firefox, if that makes sense!? cheers dude :) |
|
|
|
el_stevo help with slideshow on div layout May 24 2007, 05:35 AM
FoxLucky "Margin" in front of top or left will ca... May 24 2007, 10:15 AM
el_stevo QUOTE(FoxLucky @ May 24 2007, 04:15 PM) ... May 25 2007, 03:50 AM
el_stevo bump May 27 2007, 05:05 AM
freeflow Post your entire layout code and I'll see what... May 27 2007, 11:58 AM
freeflow Is it the one under the pic section? If so it show... May 27 2007, 12:49 PM
el_stevo QUOTE(freeflow @ May 27 2007, 06:49 PM) I... May 27 2007, 12:59 PM![]() ![]() |