| /* Menu */ |
| #menu { |
| width: 770px; |
| height: 65px; |
| margin: 0 auto; |
| border-right: 1px solid #EDEBD5; |
| } |
| #menu ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| } |
| #menu li { |
| display: inline; |
| } |
| #menu a { |
| display: block; |
| float: left; |
| width: 109px; |
| height: 45px; |
| padding: 20px 0 0 0; |
| border-left: 1px solid #EDEBD5; |
| text-transform: lowercase; |
| text-decoration: none; |
| text-align: center; |
| font-size: 144%; |
| color: #BABABA; |
| } |
| #menu a:hover { |
| background: #F7F7F4; |
| } |
| #menu .active a { |
| background: #ba3a01; |
| color: #FFFFFF; |
| } |
| <div id="menu"> |
| <ul> |
| <li class="active"><a href="#">Home</a></li> |
| <li><a href="#">Link 2</a></li> |
| <li><a href="#">Link 3</a></li> |
| <li><a href="#">Link 4</a></li> |
| <li><a href="#">Link 5</a></li> |
| <li><a href="#">Link 6</a></li> |
| <li><a href="#">Link 7</a></li> |
| </ul> |
| </div> |
The editor used was IE7.
I created a table with the Table Wizard. I clicked on the "Columns: +" button twice to expand the table to 4 columns and then clicked on the "Rows: +" button twice to expand the table to 4 rows. I then selected the cell at position 1,1 and clicked on the "Column Span: +" column twice to cause the cell to span columns 1,2 and 3 in the table. I then clicked the "Row Span: +" button once and instead of having this cell span rows 1 and 2, two columns were inserted to the left of the cell and the cell at position 4,4 was changed to span two rows and 3 columns. The original cell still only spanned a single row.
I've reproduced this exact behavior multiple times, but found no mention of anything like this in the forums. Does anyone know what might be happening here?
Thanks,
Mark

| <Columns> |
| <telerik:GridTemplateColumn UniqueName="LeftSpacer" |
| HeaderStyle-Width="6" |
| ItemStyle-Width="6"> |
| <HeaderTemplate> |
| |
| </HeaderTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn UniqueName="State" |
| HeaderText="State" |
| HeaderStyle-Width="100" |
| ItemStyle-VerticalAlign="Top" |
| ItemStyle-Width="100" |
| DataField="State" /> |
| <telerik:GridBoundColumn UniqueName="ZIPCode" |
| HeaderText="ZIP Code" |
| HeaderStyle-Width="100" |
| ItemStyle-VerticalAlign="Top" |
| ItemStyle-Width="100" |
| DataField="ZIPCode" /> |
| <telerik:GridEditCommandColumn UniqueName="Edit" |
| ButtonType="ImageButton" |
| EditImageUrl="~/_Images/GIF/16x16/Edit.gif" |
| ItemStyle-Width="50" /> |
| <telerik:GridButtonColumn UniqueName="Delete" |
| ButtonType="ImageButton" |
| CommandName="Delete" |
| Text="Delete" |
| ConfirmText="Delete this state and ZIP code?" |
| ConfirmTitle="Delete State and ZIP Code" |
| ImageUrl="~/_Images/GIF/16x16/Delete.gif" /> |
| <telerik:GridTemplateColumn UniqueName="RightSpacer" |
| HeaderStyle-Width="6" |
| ItemStyle-Width="6"> |
| <HeaderTemplate> |
| |
| </HeaderTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
