This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > Rowspan help





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Rowspan help
victorcorey

2006-02-12, 6:37 pm

I am trying to layout a page with 2 columns and 4 rows containing 1 rowspan and
1 colspan. I am having a problem with the rowspan. Row 1 will have 2 columns.
Row 2/3 should have column 1 rowspan 2 and column 2 with rows 2 and 3. Then row
4 has a colspan 2.

The problem I am having is as the height of the rowspan in column 1 grows so
does the height of row 2 and then pushes row 3 down. I need it to be as the
rowspan height grows row 2 stays the same and row 3 grows with it.

CODE SAMPLE


<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="155">HEADER 1</td>
<td>HEADER 2</td>
</tr>
<tr>
<td width="155" rowspan="2"><p>LEFT NAV</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
<td>HEADER 3</td>
</tr>
<tr>
<td>BODY</td>
</tr>
<tr>
<td colspan="2">FOOTER</td>
</tr>
</table>

.: Nadia :. *TMM*

2006-02-12, 6:39 pm

Read this first - about spans:
http://apptools.com/rants/spans.php

Then move onto reading this good table tutorial
http://www.dwfaq.com/Tutorials/Tabl...ible_tables.asp

If you have adjacent cells and you place something of a certain height into
one cell, the adjacent cell will increase in height to match. You need to
look at nesting tables to probably achieve what you are after., which is
what the above tutorial will teach you.


--
Nadia
Team MM Volunteer for Dreamweaver
--------------------------------------------
http://www.csstemplates.com.au
Templates|CSS Templates|
Dropdown Menu Designs | SEO Articles |Tutorials
http://www.DreamweaverResources.com
---------------------------------------------
Search this forum: http://tinyurl.com/2rfa2
---------------------------------------------


>I am trying to layout a page with 2 columns and 4 rows containing 1 rowspan
>and
> 1 colspan. I am having a problem with the rowspan. Row 1 will have 2
> columns.
> Row 2/3 should have column 1 rowspan 2 and column 2 with rows 2 and 3.
> Then row
> 4 has a colspan 2.
>
> The problem I am having is as the height of the rowspan in column 1 grows
> so
> does the height of row 2 and then pushes row 3 down. I need it to be as
> the
> rowspan height grows row 2 stays the same and row 3 grows with it.
>
> CODE SAMPLE
>
>
> <table width="100%" border="1" cellspacing="0" cellpadding="0">
> <tr>
> <td width="155">HEADER 1</td>
> <td>HEADER 2</td>
> </tr>
> <tr>
> <td width="155" rowspan="2"><p>LEFT NAV</p>
> <p>&nbsp;</p>
> <p>&nbsp;</p>
> <p>&nbsp;</p>
> <p>&nbsp;</p>
> <p>&nbsp;</p>
> <p>&nbsp;</p></td>
> <td>HEADER 3</td>
> </tr>
> <tr>
> <td>BODY</td>
> </tr>
> <tr>
> <td colspan="2">FOOTER</td>
> </tr>
> </table>
>



Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews