Hiding the left column, Oh me, oh my. |
Hiding the left column, Oh me, oh my. |
Feb 18 2008, 06:31 AM
Post
#1
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
SO. I've been trying to do this since 3am. Isn't that fun?
Anywho. I can hide everything in the left column, but I can't seem to figure out how to collapse the table! Anyone have any ideas on how this can be done? I'm planning on only having the right column, except with the left column table not collapsing, theres all this dead space! Only code being used: CODE .profileInfo, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileURL{ display:none; } |
|
|
|
![]() |
Feb 19 2008, 04:33 AM
Post
#2
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
Sorry for not having this stuff right off the bat, I sort of don't have a personal internet connection atm, and the one I use is VERY slow. ^^ See how after hiding Interests, contact box, basic details and what not, how theres that big space to the left? (Mind you, I want to keep the white background, just not the extra space.)
Link--> TheTesterPage Code thus far: CODE <style>
body { background-image: url(""); background-repeat: no-repeat; background-position: bottom left; background-attachment: fixed; font-family:verdana; font-size:10px; text-transform:lowercase; text-align: justify; } .commentlinks {display: none;} .commentlinks {visibility:hidden;} .profileInfo, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileURL{ display: none; } </style> <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"> <tr> <td class="text" valign="center" align="left" bgcolor="ffcc99" height="17" wrap="" style="word-wrap:break-word"> <span class="bold">section1</span> </td> </tr> <tr> <td> <table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <td valign="top" align="left" width=" 435 " bgcolor="ffffff" style="word-wrap:break-word"> <center><b>Bold</b> - <i>Italic</i> - <u>Underline</u> - <strike>Strike</strike> - <a href="">Link</a></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> </tr> </table> </td> </tr> </table> <br> <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"> <tr> <td class="text" valign="center" align="left" bgcolor="ffcc99" height="17" wrap="" style="word-wrap:break-word"> <span class="bold">section2</span> </td> </tr> <tr> <td> <table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <td valign="top" align="left" width=" 435 " bgcolor="ffffff" style="word-wrap:break-word"> <center><b>Bold</b> - <i>Italic</i> - <u>Underline</u> - <strike>Strike</strike> - <a href="">Link</a></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
|
|
|
Syrinx Hiding the left column Feb 18 2008, 06:31 AM
twodreamlovers works for me. do you mean collapsing as in horizon... Feb 18 2008, 10:19 AM
Syrinx Ah, well when I use the stated code, it leaves a b... Feb 18 2008, 11:05 AM
twodreamlovers i see. (the collapsing works for both FF and IE.) ... Feb 18 2008, 05:46 PM
twodreamlovers okay, so i see this. http://i25.tinypic.com/whji87... Feb 19 2008, 08:45 PM
Syrinx That is totally my bad. I figured out how to do wh... Feb 19 2008, 11:46 PM
MissHygienic Thank you for posting your solution. I'm glad ... Feb 20 2008, 02:40 AM![]() ![]() |