Log In · Register

 
Hiding the left column, Oh me, oh my.
SortedDetails
post 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;
}

 
 
Start new topic
Replies (1 - 7)
twodreamlovers
post 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?
 
SortedDetails
post 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?
 
twodreamlovers
post 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.
 
SortedDetails
post 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.
 
twodreamlovers
post 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.
 
SortedDetails
post 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.
 
MissHygienic
post 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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: