Solved

Convert table with rowspans to all divs with css

Posted on 2011-03-22
2
361 Views
Last Modified: 2012-05-11
Under a time contraint to get these tables converted to a construct consisting of all divs with necessary css... was hoping some div/css expert could assist.
The existing table-based code :

<TABLE border="0" cellspacing="0" cellpadding="0" width="630" bgcolor="#DBDBDB">
  <TR>
    <TD valign="TOP" align="LEFT"><IMG src="http://wave.images.worldnow.com/images/static/gfx/c_co_tl.gif"></TD>
    <TD width="100%" valign="MIDDLE"><DIV style="FONT-SIZE:11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;"> <font color="#990000">Title Bar</font></DIV></TD>
  </TR>
</TABLE>
<table width="630      " border="1" cellpadding="5" cellspacing="0" bordercolor="#990000">
  <tr bordercolor="#FFFFFF">
    <td width="94" rowspan="2" STYLE="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;"><div align="center"><font color="#FFFFFF" size="1"><a href="#"><img src="http://66.206.11.125/imagespace.png" width="90" height="68" border="0" /><br />
   </a></font>
    </div></td>
    <td width="525" valign="TOP" STYLE="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; "><a class="set1" href="#" target="_top">Main Headline</a></td>
  </tr>
  <tr bordercolor="#FFFFFF">
    <td height="70" valign="TOP" STYLE="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-left-width:0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;"><ul>
        <li>Bullet #1<a class="set1" href="http://japan.person-finder.appspot.com/?lang=en" target="_blank"></a></li>
        <li>Bullet #2</li>
        <li>Bullet #3</li>
        <li>Bullet #4</li>
        <li>Bullet #5</li>
    </ul>    </td>
  </tr>
</table>

Rendered here:
http://66.206.11.125/tabletodiv.html
0
Comment
Question by:cdr21
2 Comments
 
LVL 8

Accepted Solution

by:
imantas earned 500 total points
ID: 35194318
Please find documment attached. There is a comparision between your code and the one written using divs. Of course, you can find everything you need in the source.


default.htm
0
 

Author Closing Comment

by:cdr21
ID: 35194373
Very nice, exactly what needed...
0

Featured Post

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.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Embedding Tags in a restricted UI 6 36
How to get CSS styled menu to maintain the open selected menu? 13 46
Asp response.write to clients 6 35
What cart is this? 2 38
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

730 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