Help with revising my code, div help |
Help with revising my code, div help |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
Basically, This is the first time ive tried to make a div over myspace.
Admittedly ive been sourcing code from other myspaces and trying to adapt them to my needs. I've got it looking the way I want in safari and firefox, but its MAJOR screwed up in IE. Can someone possibly sort out my code for me so that its the same in all browsers.. I have no idea what im doing but want to maintain a happy client. It works fine, atleast on my mac safari.. And ive literally tried for 3 days to sort this out :( I'd also like to add an image over "about go large advertising" so that it works much like the image over 'blog' etc etc and the same for the comments but cant work out how to do that either.. I'm not expecting someone to just do it for me, although that would be awesome, but any hints, tips or simple code snippets would be amazing. thanks. this is my code.. CODE <style>table table {margin-top:0px;} div table table, table table table {margin-top:0;} .banner {width:901px; height:650x; position:absolute; border-color:white; border-style:solid; border-width:0px; top:0px; left:50%; margin-left:-450px; text-align:center;} </style> <style> body { margin-top:837px}
.navpics { position: absolute; left: 50%; top: 100px; margin-left: 235px; padding:0px; z-index:9; } table.friendSpace td.text td a img {border:5px solid; border-color:000000;} table.friendsComments td.text td a img {border:5px solid; border-color:000000;} table table td.text table td.text span.btext { text-align: left; top: 0px; margin-bottom: auto; right: 0px; float: none; height: auto; width: 100%; display: block; text-indent: 0px; background: none; color: 000000; font-family: Verdana, Tahoma, Arial; font-size: 12px; text-align: center; } table table table table td.text span.whitetext12 { position: relative; top: 0px; margin-bottom: 0px; left: -0px; visibility: visible; display: block; width: 332px; height: 80px; text-indent: -999999px; background: transparent url(http://www.littlekingdesign.co.uk/rico/shows.png) no-repeat; } table table td.text table span.btext { position: relative; top: 0px; margin-bottom: 0px; left: -0px; visibility: visible; display: block; width: 332px; height: 80px; text-indent: -999999px; background: transparent url(http://www.littlekingdesign.co.uk/rico/blogs.png) no-repeat; } .paper { width: 362px; height: 900px; background-image:url(http://www.littlekingdesign.co.uk/rico/picbg.png); background-color:; background-repeat: repeat; position: absolute; left: 48%; top: 1050px; margin-left: -401px; } </style> <style> table, tr, td{ background-color:transparent; border-style:none;} table table table, table table table td{background-color:transparent;} body{background-image:url(http://www.littlekingdesign.co.uk/rico/bgbgbg.jpg); background-position:top center; background-repeat:repeat; background-attachment:fixed; background-color:white;}table table table table, table table table td{background-image:none; background-color:transparent;} td, span, div, input, a, table td div div font, body div table tbody tr td font {font-family:Gill Sans, sans-serif !important;} td, span, div, input, table td div div font, body div table tbody tr td font {color:black !important;} table, tr, td{ background-color:transparent; border-style:none; } table table table{ background-color:transparent; background-image:url(); background-position:Left; background-repeat:repeat; border-color:525252; border-style:solid; border-width:0px;color:000000; } .nametext {display:none;} nametext {display:none;} .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .redtext, .redbtext, .blacktext10 {color: Ffffff !important;} a {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:bold; font-style:normal !important;} a:hover {color:ffffff !important; text-decoration:none !important; text-transform:none !important; font-style:normal !important;} img {border:0px;} .text input {background-color:transparent !important;}table table table, div table table{border-color:transparent; border-style:solid; border-width:0px; background-color: transparent;}table table table table, div table table table{border-style:none;}A IMG{border-style:none;}a </style> <div class="banner"> <table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0"> <tr> <object type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="700" width="900" align="middle" data="http://www.littlekingdesign.co.uk/rico/ricobanner2.swf"> <param name="allowNetworking" value="all" /> <param name="movie" value="http://www.littlekingdesign.co.uk/rico/ricobanner2.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="userID=117300624&bgColor=16155959&bgColor2=16155959&transitionSpeed=4&transitionStyle=b&showCaptions=1&albumID=1648783" /> </object> <tr> <td colspan="2" rowspan="2"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_01.png" width="287" height="29" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_02.png" width="198" height="17" alt=""></td> <td rowspan="5"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_03.png" width="70" height="89" alt=""></td> <td rowspan="4"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_04.png" width="235" height="58" alt=""></td> <td rowspan="5"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_05.png" width="110" height="89" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="17" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_06.png" width="198" height="13" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_07.png" width="82" height="75" alt=""></td> <td rowspan="5"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_08.png" width="205" height="96" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td rowspan="5"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_09.png" width="198" height="106" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="28" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_10.png" width="235" height="78" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="31" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_11.png" width="70" height="47" alt=""></td> <td rowspan="3"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_12.png" width="110" height="47" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="15" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_13.png" width="82" height="76" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="21" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_14.png" width="205" height="55" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_15.png" width="198" height="44" alt=""></td> <td colspan="3"> <img src="http://www.littlekingdesign.co.uk/rico/images/buttons_16.png" width="415" height="44" alt=""></td> <td> <img src="http://www.littlekingdesign.co.uk/rico/images/spacer.gif" width="1" height="44" alt=""></td> </tr></table> </div> <div class="paper"> <img src="http://www.littlekingdesign.co.uk/rico/members.png" align="left"> <br /> <br /> <img src="http://www.littlekingdesign.co.uk/rico/memberspic.png" align="center"> </center> <br /><br /><br /> <br /> <a href=""><img src="http://www.littlekingdesign.co.uk/rico/band.png" border="0" alt="" border="0"></a> </center> <br /> BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH <br>BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH<br> BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH<br> BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH<br> BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH <br>BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH<br> BLAHBLAHBLAH BLAHBLAHBLAH BLAHBLAHBLAH<br> </div> <br /> <br /> <br /><br /><br /><br /><br /><br /><left> <img src="http://www.littlekingdesign.co.uk/rico/friends.png" alt="Click here to view our friends :D">
Reason for edit: Please use [codebox] tags when posting codes. - Mike
|
|
|
![]() |
![]()
Post
#2
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 ![]() |
Can you also post a code to your myspace (if it's public)?
|
|
|
![]()
Post
#3
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
sorry, the myspace is
www.myspace.com/golargeadvertisingtest mike - can you elaborate on that? or perhaps show me what you mean with an example, or my code? ryan |
|
|
![]()
Post
#4
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
thanks mike, i can see that the layout is a lot tighter than before.
I'm very grateful. It still seems extremely messed up in explorer (mac) though, is there an easy fix for this? Also, is there a way of laying an image over 'about go largeadvertising' and 'comments' ?? Ryan |
|
|
![]()
Post
#5
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
sorry its huge but stuff is really all over the place. this is what im getting in mac internet explorer.
http://img16.imageshack.us/i/myspacedxc.jpg/ thanks |
|
|
![]()
Post
#6
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
Thats amazing, thanks so much for that.
One thing i have noticed is that in my flash banner, the link (on the banner at the top in the little flag) it works fine when just the .swf is opened in browser, and fine when tested within flash... but when its put into myspace the link doesnt work. Apparently its something to do with the way its ben embedded? Is this right? I've searched all over the net and had no answers so i thought you may know. Ryan |
|
|
![]()
Post
#7
|
|
Member ![]() ![]() Group: Member Posts: 27 Joined: Jul 2009 Member No: 736,353 ![]() |
ok i'll look into that.
Well thanks for all your help, i'll be sticking around on this forum i think. Hopefully i'll be able to help others with photoshop / illustrator or something |
|
|
![]()
Post
#8
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Sweet man, that'd be great. Post in the Community Center as well, when you have time. Topic closed & moved.
|
|
|
![]() ![]() |