Solved

HTML row span

Posted on 2014-11-06
1
115 Views
Last Modified: 2014-11-11
I have an html table. The last column needs to span a number of rows. I want the content (a form submit button) to be aligned in the middle vertically.

Let's say there are 7 columns.

In the first row do I specify the last column by this structure:

<tr>
     <td>Column 1</td>
     <td>Column 2</td>
                etc.
     <td rowspan="5" valign="middle">Col 7 content</td>
</tr>

And then ALL the other rows have only 6 columns?

Or does it matter which row I put the spanning column in?

Thanks
0
Comment
Question by:Richard Korts
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 2

Accepted Solution

by:
Amish Sanghrajka earned 500 total points
ID: 40427525
Hi,

You needn't have asked the question, you've hit the nail on the head there. That code should work by putting the rowspan in the 7th column on the first row and then simply only putting in 6 columns for the rest of the rows.

Kind regards,
Amish.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question