Solved

HTML row span

Posted on 2014-11-06
1
103 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
1 Comment
 
LVL 2

Accepted Solution

by:
Amish Sanghrajka earned 500 total points
Comment Utility
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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Statistic Calculator using Javascript 7 45
ust html in ms/access WebBrowswer 11 41
javascript to html map 8 37
Bootstrap 3 icons 3 4
Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
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)

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now