Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 364
  • Last Modified:

Formatting a HTML Table

Hello EE,

I'm trying to make a simple HTML table that looks like the attached image file.

Can someone tell me how I can do this with HTML.

Thanks in advance.
1 Solution
Ivo StoykovCommented:
try something like the sample below.


Ivo Stoykov
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  .borderfull { border: solid black 1px; }
  .leftright { border-left: solid black 1px; border-right: solid black 1px;}
  .right  { border-right: solid black 1px;}
  .topright { border-top: solid black 1px; border-right: solid black 1px;}
  .noleft { border-top: solid black 1px; border-right: solid black 1px; border-bottom: solid black 1px;}
<table cellpadding=0 cellspacing=0 width=80%>
  <th class="borderfull">Table Heading 1</th>
  <td class="noleft">Table Text 1</td>
  <td rowspan=3 class="topright"><img src="#"/></td>
  <th class="leftright">Table Heading 2</th>
  <td class="right">Table Text 2</td>
  <th class="leftright">Table Heading 3</th>
  <td class="right">Table Text 3</td>
  <th class="borderfull">Table Heading 4</th>
  <td colspan=2 class="noleft">Table Text 4</td>

Open in new window

mr_stevieAuthor Commented:
Works like a charm! Thanks. :)

Featured Post

NEW Veeam Agent for Microsoft Windows

Backup and recover physical and cloud-based servers and workstations, as well as endpoint devices that belong to remote users. Avoid downtime and data loss quickly and easily for Windows-based physical or public cloud-based workloads!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now