Trouble styling a table with rowspan

Posted on 2013-05-13
Last Modified: 2013-05-13
Trying to style a table like this ugly table::

I am having a problem with the first column using Rowspan and centering the text
vertically between the  first 2 rows

The table i am trying to style:
How can i do this?
Question by:isnoend2001
LVL 58

Accepted Solution

Gary earned 167 total points
ID: 39162442
<td class="headingrow" style="rowspan="2"; margin-top:30px">Some text

<td class="headingrow" rowspan="2"  style="margin-top:30px">Some text

Author Comment

ID: 39162488
thanks  GaryC123, that fixes my bad syntax, but has no effect on the out come
LVL 22

Assisted Solution

by:Kim Walker
Kim Walker earned 166 total points
ID: 39162639
I guess you haven't updated the remote html file. It still has the wrong syntax. But the table you're trying to style doesn't even have two rows for the first column to span.
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

LVL 58

Expert Comment

ID: 39162652
But you only have one row. You cannot span a row that doesn't exist

Assisted Solution

user_n earned 167 total points
ID: 39162708
to see the code, how the table is done and what css styles are used

Author Comment

ID: 39162849
Guess i Have been using frontpage for too many years where you just click the eraser and erase lines to create colspan and rowspan.
I am doing the page locally and did not upload the corrected syntax. my bad. I will be back

Author Closing Comment

ID: 39163440
Thanks people Its getting there:

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Slider Moving to right hand side CSS? 2 31
Change Background Color of Website 5 29
Head to not include on scroll 4 23
really easy css change help please 4 17
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

809 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