Forum Moderators: open
I am working on my resume for my website and I am using an XHTML table for it. I want the user to be able to highlight any section of my resume which is why I am not using an image.
Currently the way I have it set up is each section (ie Education, Experince) has it own table, because the formatting for each section is slightly different. Is there any way to just use one table for the whole thing rather than 4 or 5 separate tables?
Here is a sippnet of my source code from my current resume and I have validated my code as well.
[i]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joshua Bock's Portfolio</title>
</head>
<body>
<table border="1" width="780px">
<tr>
<th style="width:120px" rowspan="4"><h2>Skills:</h2></th>
<td>High Poly Modeling</td>
<td>Low Poly Modeling</td>
<td>Environment Modeling</td>
</tr>
<tr>
<td>UVS Mapping</td>
<td>Texture Painting</td>
<td>Normal Mapping</td>
</tr>
<tr>
<td>Lighting and Rendering</td>
<td>Unreal Editor</td>
<td>Hammer Source SDK</td>
</tr>
<tr>
<td>Programming</td>
<td>C,C++,Java,HTML/XHTML,CSS,Actionscript 2.0</td>
<td>Code Debugging/Troubleshooting</td>
</tr>
</table>
<table border="1" width="780px">
<tr>
<th style="width:120px" rowspan="4"><h2>Software Skills:</h2></th>
<th style="width:220px" align="center">3D Software</th>
<th style="width:220px" align="center">2D Software</th>
<th style="width:220px" align="center">Programming Software</th>
</tr>
<tr>
<td style="width:220px" colspan="1">Maya 2008</td>
<td><table border="0" width="220px">
<tr>
<td style="width:100px">Photoshop CS3</td>
<td style="width:100px">llustrator CS3</td>
</tr>
</table>
</td>
<td style="width:220px" colspan="1">Visual Studio.net 2005</td>
</tr>
<tr>
<td style="width:220px" colspan="1">3D Studio Max 2009</td>
<td><table border="0" width="220px">
<tr>
<td style="width:100px">Dreamwaver CS3</td>
<td style="width:100px">After Effects CS3</td>
</tr>
</table></td>
<td style="width:220px" colspan="1"></td>
</tr>
<tr>
<td style="width:220px" colspan="1">ZBrush 1.1</td>
<td><table border="0" width="220px">
<tr>
<td style="width:100px">Flash CS3</td>
<td style="width:100px">Preimer CS3</td>
</tr>
</table></td>
<td style="width:220px" colspan="1"></td>
</tr>
</table>
</body>
</html>
[/i]
CSS Crash Course [webmasterworld.com]
