BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
3 column blog w/ header that only covers 2 columns?
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion
View previous topic :: View next topic  
Author Message
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Fri Oct 05, 2007 8:18 am    Post subject: 3 column blog w/ header that only covers 2 columns? Reply with quote

I have a 3 column blog, and would like to change it so that the header is over the left and center columns only, and the right column extends all the way to the top of the page. Is that possible, and any hints on how to do it?
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Fri Oct 05, 2007 10:31 pm    Post subject: Re: 3 column blog w/ header that only covers 2 columns? Reply with quote

Hmm... It could be possible, but I am not sure I could explain it without doing it for you...

The top level overview would be that you would need to move your right_sidebar column up to be the in the top row of your table where the header_right area is currently. Then make sure to use ROWSPAN=2 so that the right_sidebar column takes up both the header and right column rows.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sun Oct 07, 2007 9:27 pm    Post subject: Re: 3 column blog w/ header that only covers 2 columns? Reply with quote

Here is how a regular 3 x 3 table is constructed:

Code:
<table>
   <tr>
      <td>_Row_1_Cell_1_</td>
      <td>_Row_1_Cell_2_</td>
      <td>_Row_1_Cell_3_</td>
   </tr>
   <tr>
      <td>_Row_2_Cell_1_</td>
      <td>_Row_2_Cell_2_</td>
      <td>_Row_2_Cell_3_</td>
   </tr>
   <tr>
      <td>_Row_3_Cell_1_</td>
      <td>_Row_3_Cell_2_</td>
      <td>_Row_3_Cell_3_</td>
   </tr>
</table>


In order to remove _Row_1_Cell_3_ (in your case, the right col of the header) and merge that space with the content from _Row_2_Cell_3_, you would modify that table as follows:

Code:
<table>
   <tr>
      <td>_Row_1_Cell_1_</td>
      <td>_Row_1_Cell_2_</td>
      <td rowspan=2>_Row_2_Cell_3_</td>
   </tr>
   <tr>
      <td>_Row_2_Cell_1_</td>
      <td>_Row_2_Cell_2_</td>
      <!-- nothing here, no cell here anymore -->
   </tr>
   <tr>
      <td>_Row_3_Cell_1_</td>
      <td>_Row_3_Cell_2_</td>
      <td>_Row_3_Cell_3_</td>
   </tr>
</table>


Let me know if that helps you get started...
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Sun Oct 14, 2007 5:05 pm    Post subject: Reply with quote

John, huge thanks, the above got me started and I'm almost there...but the only thing I can't figure out is how to stop the right column from going all the way to the bottom...that is, my header is now only over the left 2 columns, but the footer is now only beneath the left 2 columns as well, and I do need a 3 column footer. If you want to see, it is at nsttest2.blogharbor.com.
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sun Oct 14, 2007 7:25 pm    Post subject: Reply with quote

First, make sure you understand how to comment HTML code. This is not correct:

Code:
<!--test this appears under center content>


This is correct:

Code:
<!-- test this appears under center content -->
Back to top
View user's profile Send private message Send e-mail Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sun Oct 14, 2007 7:38 pm    Post subject: Reply with quote

I made some changes to your base template, and annotated them with HTML comments... Take a look.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Tue Oct 16, 2007 12:19 pm    Post subject: Reply with quote

Perfect, thanks John!
Back to top
View user's profile Send private message Visit poster's website
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum