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 18 2008, 10:19 AM
Post
#2
|
|
![]() always<3. ![]() ![]() ![]() ![]() Group: Official Designer Posts: 242 Joined: Mar 2006 Member No: 387,714 |
works for me. do you mean collapsing as in horizontally?
|
|
|
|
Feb 18 2008, 11:05 AM
Post
#3
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
Ah, well when I use the stated code, it leaves a big blank area.(In FF, haven't checked IE) I want to get rid of that blank area. Make sense?
|
|
|
|
Feb 18 2008, 05:46 PM
Post
#4
|
|
![]() always<3. ![]() ![]() ![]() ![]() Group: Official Designer Posts: 242 Joined: Mar 2006 Member No: 387,714 |
i see. (the collapsing works for both FF and IE.) anyways, can i have a link to your myspace or a screenshot? and codes? cause when you say get rid of, i need to know if there's anything in the way if you have a layout or something like that.
|
|
|
|
Feb 19 2008, 04:33 AM
Post
#5
|
|
![]() 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. |
|
|
|
Feb 19 2008, 08:45 PM
Post
#6
|
|
![]() always<3. ![]() ![]() ![]() ![]() Group: Official Designer Posts: 242 Joined: Mar 2006 Member No: 387,714 |
okay, so i see this. http://i25.tinypic.com/whji87.png. i see no extra space. it looks fine.
|
|
|
|
Feb 19 2008, 11:46 PM
Post
#7
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
That is totally my bad. I figured out how to do what I had wanted to do. It's silly really. I used this code:
CODE <style>.r{}</style> <style>.r{}</style> </td></tr></table> </td></tr></table><br> <table><tr><td> <div class="off"> <table><tr><td><table><tr><td> <style>.r{}</style> <style>.r{}</style> to make it straight up and down, and then made sure the left column stuff was hidden. Sometimes I feel stupid. XD Thanks though. |
|
|
|
Feb 20 2008, 02:40 AM
Post
#8
|
|
![]() Resource Center Tyrant ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,263 Joined: Nov 2007 Member No: 593,306 |
Thank you for posting your solution. I'm glad you have it figured out.
I will close and move this topic now to MySpace Resolved Topics. If you'd like it reopened for further questions, just message me. |
|
|
|
![]() ![]() |