Making a Band Layout, Version 2 |
Making a Band Layout, Version 2 |
Aug 23 2009, 11:33 AM
Post
#51
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
whats the best way for positioning the player?
|
|
|
Aug 23 2009, 12:09 PM
Post
#52
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Try using my code.
|
|
|
Aug 23 2009, 01:28 PM
Post
#53
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
Try using my code. thanks for that, i had been messing with a similar code. but i was able to figure out the whole 50% thing with yours, so thanks. i still cant get it to align vertically in all browsers. i know there has to be a good way to do it, http://myspace.com/startingoverrocks stays in the same spot on all browsers. the only idea i could think of was that if it was going by percents, and the page would stay the same height everytime because it had 50 comments displayed, so it would always be the same percentage from the top. or is that just wrong? anyone have any comments? edit: also, im re-reading through the tutorial, unless its just called something else, how do i move everything behind the table i made down? (blog comments, everything that you would normally see. not remove anything, just move it all down. do i have to move it by each section?) see: http://www.myspace.com/thesnowpirates only code (as taken from the first / second step) CODE <style>
object {position:absolute; height:295px; width:350px; left:50%; z-index:9;} object {top:250px!important; margin-left:-400px!important;} object object, td td td object, embed {position:static; margin:auto!important;}} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} table, tr, td{ background-color:transparent; border-style:none; } body { background-color: 000000; background-image:url(http://rocketnight.com/images/myspace/heymonday/hmbg.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 000000 !important; font-family: Arial !important; } a:hover { color: 666666 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } div.topbanner { width: 908px; height: auto; top: -2px; margin-left: -440px; _margin-left: -440px; left: 49%; position: absolute; align: center; z-index: 3; overflow: hidden; background-color: FFFFFF;} } </style> <div class="topbanner"> <table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td> </tr> <tr> <td rowspan="8"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td> <td> <img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td> <td rowspan="7"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td> </tr> </table></div> |
|
|
Aug 23 2009, 01:34 PM
Post
#54
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
That won't work because each comment has an indefinite height. Are you only having problems on Firefox? It might just shift upward on there because you have AdBlock Plus installed and enabled.
|
|
|
Aug 23 2009, 02:03 PM
Post
#55
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
im actually testing it in:
Firefox Version: 3.52 Chrome Verion: 2.0.172.39 Internet Explorer Version: 8.0.7100.0 As it is right now, in Chrome its the highest (vertically). FF and IE display it at the same height, but IE has it moved over slightly to the right (about 15-20 pixels) I dont have any adblock or any extensions that would change the conent on the page. I only have Nod32 live, and after i read your post, i disabled it and refreshed, and all pages stayed the same. What about if i were to bound the player in a table? or is that not possible? |
|
|
Aug 23 2009, 04:51 PM
Post
#56
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Unfortunately, that's not possible. Do you mind posting a link to your page?
|
|
|
Aug 23 2009, 07:00 PM
Post
#57
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
http://www.myspace.com/thesnowpirates
im just practicing. i got that photo from picture. its just a fake myspace. |
|
|
Aug 24 2009, 06:56 AM
Post
#58
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Try replacing the codes you posted with this:
CODE <style>
object {position:absolute; height:295px; width:350px; left:50%; z-index:9;} object {top:250px!important; margin-left:-400px!important;} object object, td td td object, embed {position:static; margin:auto!important;} .orangetext15 {display: none;} .whitetext12 {display: none;} table, tr, td{ background-color:transparent; border-style:none; } body { background-color: 000000; background-image:url(http://rocketnight.com/images/myspace/heymonday/hmbg.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 000000 !important; font-family: Arial !important; } a:hover { color: 666666 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } div.topbanner { width: 908px; height: auto; top: -2px; margin-left: -440px; _margin-left: -440px; left: 49%; position: absolute; align: center; z-index: 3; overflow: hidden; background-color: FFFFFF;} } </style> <div class="topbanner"> <table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td> </tr> <tr> <td rowspan="8"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td> <td> <img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td> <td rowspan="7"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td> </tr> </table></div> |
|
|
Aug 24 2009, 11:54 AM
Post
#59
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
|
|
|
Aug 24 2009, 11:55 AM
Post
#60
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
On this bit here:
CODE object object, td td td object, embed {position:static; margin:auto!important;}} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} I removed the extra closing bracket on the first line and the whole last line. |
|
|
Aug 28 2009, 05:14 PM
Post
#61
|
|
Newbie Group: Member Posts: 9 Joined: Dec 2008 Member No: 704,984 |
this is awesome!!
|
|
|
Sep 3 2009, 10:52 AM
Post
#62
|
|
Newbie Group: Member Posts: 1 Joined: Sep 2009 Member No: 744,694 |
I'm trying to add a banner under the nav with my own nav buttons. Not sure where to place my code in yours.
|
|
|
Sep 3 2009, 11:16 AM
Post
#63
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
http://www.createblog.com/forums/index.php...t&p=3220146
Follow that step. You put your codes in-between the set of DIV tags I provide in that post. |
|
|
Sep 6 2009, 09:44 AM
Post
#64
|
|
Senior Member Group: Member Posts: 253 Joined: Jul 2009 Member No: 739,898 |
Would love if rollover screen shots were working. >.<"
|
|
|
Sep 15 2009, 07:08 PM
Post
#65
|
|
Newbie Group: Member Posts: 2 Joined: Sep 2009 Member No: 746,027 |
Hello, How can i hide the Navbar TOP ARTIST/SHOWS/FORUM ?
im doing all i can and the only thing i did is put this navigation bar more thin i used this code : <style> table td a.navbar{display:none!important;} </style> or if it is impossible how can i change the background color and font color? Thank you very much |
|
|
Sep 19 2009, 03:40 PM
Post
#66
|
|
Member Group: Member Posts: 12 Joined: Jun 2009 Member No: 733,228 |
Amazing tutorial A1Bassline, you just earned my eternal gratitude
Here's what my band's page looks like thanks to you: Enamored's Myspace As you will see, i have yet to find how to modify the font color in the comments section since it was set to black when I added the "Comments" header, which makes it invisible, but i'm really satisfied with it, so thanks again Deammer |
|
|
Sep 19 2009, 03:43 PM
Post
#67
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Try adding this to your codes:
CODE <style> .friendsComments .columnsWidening {color:ffffff!important;} </style> That should make them show. |
|
|
Sep 19 2009, 03:54 PM
Post
#68
|
|
Member Group: Member Posts: 12 Joined: Jun 2009 Member No: 733,228 |
I basically changed all the colors in the codes containing a ".friendsComments" division to white and now i can see the comments
Thanks a lot Mike ! Deammer |
|
|
Sep 19 2009, 04:02 PM
Post
#69
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
No problem. Good job with the page by the way.
|
|
|
Sep 21 2009, 12:30 PM
Post
#70
|
|
Newbie Group: Member Posts: 1 Joined: Sep 2009 Member No: 746,663 |
So...I think like last week there was a link right at the beginning of this article basically saying, don't be an idiot and ask how to cover up the nav bar and myspace logo, here's how to do it. Now it's gone...so is that not allowed anymore or am I an idiot and don't know where to look?
|
|
|
Sep 21 2009, 12:51 PM
Post
#71
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
That link was removed yesterday. If you want to hide everything on the top section except for the advertisement, try the code below:
CODE <style> .profile {display:none!important;} div div table div {display:none;} .clearfix table div div {display:block;} </style> That works on a regular 1.0 profile and an artist profile, except it doesn't hide the music navigation bar since that can't be removed. |
|
|
Sep 29 2009, 12:03 AM
Post
#72
|
|
Newbie Group: Member Posts: 1 Joined: Sep 2009 Member No: 747,472 |
This has been by far the best help anywhere on the net to setting up my bands page but I am having problems with relocating my upcoming shows. I put in a code that I found elsewhere but for some reason all the DIV items I made get pushed down the page starting at the point where the upcoming shows table starts. I use IE and this may be why i dont know. If someone could help me that would be awesome here is my code:
CODE <style> .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;}table, tr, td{ background-color:transparent; border-style:none; } body { margin-top: 700px; background-color: 000000; background-image:url(); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: FFFFFF !important; font-family: Arial !important; } a:hover { color: 666666 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } .latestBlogEntry { position:absolute; top:970px; margin-left: -400px; left:50%; width: 325px; background-color: transparent; z-index: 9; } table .latestBlogEntry { width:325px!important; } td.text div { position:absolute; left:50%; top:1300px; margin-left:-400px; } td.text td div { position:absolute; margin-left:0px; } div.gap { background-color: 000000; top: 870px; left: 50%; margin-left: -400px; width: 800px; height: 50px; position: absolute; } div.leftcolumn { background-color: 000000; top: 920px; left: 50%; margin-left: -400px; width: 325px; height: 1000px; position: absolute; } div.borderleft { top: 4px; left: 50%; margin-left: -450px; width: 100%; height: px; position: absolute; } div.borderright{ top: 4px; left: 50%; margin-left: 400px; width: 100%; height: px; position: absolute; } div.youtube{ top: 4px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.itunes{ top: 4px; left: 50%; margin-left: -233px; width: 100%; height: px; position: absolute; } div.facebook{ top: 4px; left: 50%; margin-left: -75px; width: 100%; height: px; position: absolute; } div.twitter{ top: 4px; left: 50%; margin-left: 92px; width: 100%; height: px; position: absolute; } div.merchstore{ top: 4px; left: 50%; margin-left: 255px; width: 100%; height: px; position: absolute; } div.maintitle{ top: 59px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.message1{ top: 423px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; z-index:1; } div.message1 a:hover{ border-top: none; opacity: 0.0; filter: alpha(opacity=0);width: 0px; height: 0px; z-index:1; } div.message{ top: 423px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.add{ top: 464px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.comment{ top: 499px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.forward{ top: 536px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.favorite{ top: 573px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.pics{ top: 615px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } div.video{ top: 615px; left: 50%; margin-left: -313px; width: 100%; height: px; position: absolute; } div.lowertitle{ top: 423px; left: 50%; margin-left: -204px; width: 100%; height: px; position: absolute; } div.bottomborder{ top: 647px; left: 50%; margin-left: -399px; width: 100%; height: px; position: absolute; } </style> <div class="gap"></div> <div class="leftcolumn"></div> <div class="borderleft"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Left.jpg" /></div><br /> <div class="borderright"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Right.jpg" /></div><br /> <div class="youtube"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Youtube.jpg" /></div><br /> <div class="itunes"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/iTunes.jpg" /></div><br /> <div class="facebook"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/facebook.jpg" /></div><br /> <div class="twitter"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/twitter.jpg" /></div><br /> <div class="merchstore"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/MerchStore-1.jpg" /></div><br /> <div class="maintitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Main_Title.jpg" /></div><br /> <div class="message1"><a href="www.yahoo.com'><img src="></a></div><br /> <div class="message"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Message.jpg" /></div><br /> <div class="add"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Add.jpg" /></div><br /> <div class="comment"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Comment.jpg" /></div><br /> <div class="forward"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Forward.jpg" /></div><br /> <div class="favorite"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Favorite.jpg" /></div><br /> <div class="pics"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Pics.jpg" /></div><br /> <div class="video"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Videos.jpg" /></div><br /> <div class="lowertitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Lower_Title.jpg" /></div><br /> <div class="bottomborder"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Bottom.jpg" /></div><br /> Also if someone could help me with rollover a href pictures that would be awesome, cause I tried your code here as you may see with message and I can't wrap my head around it. I need it for all the following div's: message, add, comment, forward, favorite, pics and videos. |
|
|
Sep 29 2009, 01:06 PM
Post
#73
|
|
Senior Member Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
A few things I feel should be updated (just suggestions).
1. In the first step, you're missing a closing bracket on the "gap" class. Browsers typically auto-close it with the </style> tag right after it, but some browsers won't know what to do with it. And since everyone is just copying and pasting, everyone is missing the closing bracket. 2. Instead of using font-size:1px; to hide fonts on headers, use text-indent:-9999em;. Giving a huge negative indentation drags the text completely off the left side of the screen. 3. Using absolute positioning for the shows header doesn't always work properly, depending on the way people code, and if Firefox users have Adblock Plus installed. I'd use this instead: CODE div .whitetext12 { background:url(URL); display:block; height:##px; text-indent:-9999em; width:##px; }
|
|
|
Oct 1 2009, 02:46 PM
Post
#74
|
|
Member Group: Member Posts: 10 Joined: Sep 2009 Member No: 746,858 |
Hey guys, I'm having some trouble with my layout in IE.
It works perfectly in Firefox, but is all kinds of jacked up in IE. myspace.com/ineedtotestthis Any idea what would mess this stuff up as bad as it is? (It will constantly be changing because I'm tweaking things to try to figure it out) HELP! Thanks. |
|
|
Oct 1 2009, 09:03 PM
Post
#75
|
|
Senior Member Group: Member Posts: 253 Joined: Jul 2009 Member No: 739,898 |
^ Post your code so people can try and help you out.
|
|
|