| View previous topic :: View next topic |
| Author |
Message |
Robin
Joined: 07 May 2005
Posts: 94
|
 Posted: Fri Oct 05, 2007 8:18 am Post subject: 3 column blog w/ header that only covers 2 columns? |
 |
|
| 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 |
|
 |
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Fri Oct 05, 2007 10:31 pm Post subject: Re: 3 column blog w/ header that only covers 2 columns? |
|
|
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 |
|
|
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Sun Oct 07, 2007 9:27 pm Post subject: Re: 3 column blog w/ header that only covers 2 columns? |
|
|
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 |
|
|
Robin
Joined: 07 May 2005
Posts: 94
|
| Posted: Sun Oct 14, 2007 5:05 pm Post subject: |
|
|
| 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 |
|
|
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Sun Oct 14, 2007 7:25 pm Post subject: |
|
|
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 |
|
|
john
Site Admin
Joined: 16 Mar 2004
Posts: 3434
|
| Posted: Sun Oct 14, 2007 7:38 pm Post subject: |
|
|
| I made some changes to your base template, and annotated them with HTML comments... Take a look. |
|
| Back to top |
|
|
Robin
Joined: 07 May 2005
Posts: 94
|
| Posted: Tue Oct 16, 2007 12:19 pm Post subject: |
|
|
| Perfect, thanks John! |
|
| Back to top |
|
|
Search all BlogHarbor support resources.
|
| View previous topic :: View next topic |
|
FAQ
Search
Memberlist
Usergroups
RSS
Register
Profile
Log in to check your private messages
Log in
