Help with my layout! Options

[Nick1337]

Please thumbnail large images that stretch out our boards, thanks!
} Azarel

This post has been edited by Azarel: Apr 21 2007, 05:22 PM

[freeflow]

If you hide the contact table its gone. But the other tables move up. What you want is not possible unless you create your a new contact table. With the buttons you want. (as in it actually has to be a created myspace contact table) if not you hae to put your own links in another section.

Second part:
Click here.

[Nick1337]

Well is there a way to make a contact table over the old one, then disable the links underneath it and make the new navigation thing have custom links

[freeflow]

No. When you replace the contact table the original links still stay below , thats how you make the links work.

If you really have to do it that way you can make a div, with the background color of your table. Position it directly over the contact table (which could be hard if you don't know/understand divs) , then put your own navigation there. You can find the div code you'd need here (step four).

[Nick1337]

thanks, lol that was gonna be my next question if you said no to that.

[Nick1337]

err i cant even get the div to show up anywhere

[freeflow]

Link your myspace and/or post your layout code.

[Nick1337]

CODE

<style>
table table table td div {display:none;}
td.text div {display:block;}
.contacttable {position:relative; margin-bottom:-38px;}</style>

<style>
.text .text table table table td a {visibility:hidden;}
.text .text table table table td a img {visibility:visible;}</style>

<style type=text/css>
table tr td div font {display: none;}
</style>

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i2.photobucket.com/albums/y16/bigpimpen3003/banner-3.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:500px; height:500px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<STYLE>table, tr, td { background-color:transparent; border:none; border-width:0;} table table a img{ border-width:0px;}a, a.man, a:link, a:visited{font-family:Tahoma, arial, times new roman;color:FF6633; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal} a:active, a:hover{font-family:Tahoma, arial, times new roman;color:CC6633; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} td, li, p, div, textarea {font-family:Tahoma, arial, times new roman;border-color:FF6633} table{border-color:FF0000}a.navbar{font-family:Tahoma, arial, times new roman; color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:link{color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:active{color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:visited{color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:hover{color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:link{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:active{font-family:Tahoma, arial, times new roman;font-size:8pt;color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:visited{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:hover{font-family:Tahoma, arial, times new roman;font-size:8pt;color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}body{font-family:Tahoma, arial, times new roman;background-color:000000;background-image:url(http://i2.photobucket.com/albums/y16/bigpimpen3003/background.jpg); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal;}.blacktext10{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.blacktext12{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.btext, .itext, .text{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.orangetext15{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal;}.lightbluetext8{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.whitetext12{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold} table table table{background-color:000000}table table table table a img{}table table table table a:hover img{}body{scrollbar-arrow-color:FF0000;scrollbar-Track-Color:000000;scrollbar-Highlight-Color:FF0000;scrollbar-base-color:FF0000;scrollbar-Face-Color:000000;scrollbar-Shadow-Color:FF0000;scrollbar-DarkShadow-Color:FF0000<br><br></STYLE>





</style>

Link:
http://profile.myspace.com/index.cfm?fusea...endid=144040508

[freeflow]

You probably either:

• Didn't edit the code correctly.
• Couldn't see it because of your background color.

When I take your code the div works fine. I added it to the bottom of your code. All you need to do is position it where you want it and edit the height/wight etc. .

CODE

<style>
table table table td div {display:none;}
td.text div {display:block;}
.contacttable {position:relative; margin-bottom:-38px;}</style>

<style>
.text .text table table table td a {visibility:hidden;}
.text .text table table table td a img {visibility:visible;}</style>

<style type=text/css>
table tr td div font {display: none;}
</style>

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i2.photobucket.com/albums/y16/bigpimpen3003/banner-3.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:500px; height:500px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<STYLE>table, tr, td { background-color:transparent; border:none; border-width:0;} table table a img{ border-width:0px;}a, a.man, a:link, a:visited{font-family:Tahoma, arial, times new roman;color:FF6633; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal} a:active, a:hover{font-family:Tahoma, arial, times new roman;color:CC6633; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} td, li, p, div, textarea {font-family:Tahoma, arial, times new roman;border-color:FF6633} table{border-color:FF0000}a.navbar{font-family:Tahoma, arial, times new roman; color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:link{color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:active{color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:visited{color:FF6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:hover{color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:link{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:active{font-family:Tahoma, arial, times new roman;font-size:8pt;color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:visited{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:hover{font-family:Tahoma, arial, times new roman;font-size:8pt;color:CC6633font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}body{font-family:Tahoma, arial, times new roman;background-color:000000;background-image:url(http://i2.photobucket.com/albums/y16/bigpimpen3003/background.jpg); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal;}.blacktext10{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.blacktext12{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.btext, .itext, .text{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.orangetext15{font-family:Tahoma, arial, times new roman;font-size:8pt;color:FF0000; font-weight:normal;}.lightbluetext8{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.whitetext12{font-family:Tahoma, arial, times new roman;font-size:8pt; color:FF0000; font-weight:normal;}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold} table table table{background-color:000000}table table table table a img{}table table table table a:hover img{}body{scrollbar-arrow-color:FF0000;scrollbar-Track-Color:000000;scrollbar-Highlight-Color:FF0000;scrollbar-base-color:FF0000;scrollbar-Face-Color:000000;scrollbar-Shadow-Color:FF0000;scrollbar-DarkShadow-Color:FF0000<br><br></STYLE>





</style>
<div class="content" style="position: absolute; left:200px;  top:300px; width:300px; height:200px; overflow: auto; background-color: 000000; color: ffffff;"><center>
CONTENT FOR DIV.
</div>

[Nick1337]

that worked thanks

Topic closed because the original problem(s) has/have been solved. If you have any more questions regarding this, feel free to create a new thread or PM a moderator to have this one reopened.
} Azarel

This post has been edited by Azarel: Apr 21 2007, 08:09 PM