Menu
Community /Pin to ProfileBookmark
@NogDogMar 08.2006 — #Tableless version:
table colspan question
Okay so I have
[code]
<table border=”1″ style=”text-align:center;”>
<tr>
<td colspan=”60″>a</td>
</tr>
<tr>
<td colspan=”30″>a</td>
<td colspan=”30″>a</td>
</tr>
<tr>
<td colspan=”20″>a</td>
<td colspan=”20″>a</td>
<td colspan=”20″>a</td>
</tr>
<tr>
<td colspan=”15″>a</td>
<td colspan=”15″>a</td>
<td colspan=”15″>a</td>
<td colspan=”15″>a</td>
</tr>
<tr>
<td colspan=”12″>a</td>
<td colspan=”12″>a</td>
<td colspan=”12″>a</td>
<td colspan=”12″>a</td>
<td colspan=”12″>a</td>
</tr>
</table>
you can see an example at
[url]http://www.flashsummit.com/test.php
The problem is that I would like every cell in my each row to be equal sizes instead of how it is now with some cells being bigger than others. Is there a way to do this? If not, could i do it with <div>? And how would i do it with <div> if I could do it with that. Thanks for your time and I appreciate any offers of help you can give.
Sign in
to post a comment7 Comments(s) ↴
0
@NogDogMar 08.2006 — #Tableless version:[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
#container {
margin: 0 auto;
background-color: #6cc;
padding: 2px;
width: 156px;
}
#container p {
float: left;
margin: 2px;
padding: 2px;
background-color: #ffc;
text-align: center;
}
.cl {
clear: left;
}
.clear {
font-size: 0;
margin:0;
padding: 0;
clear: both;
}
.row1 { width: 148px }
.row2 { width: 70px }
.row3 { width: 44px }
.row4 { width: 31px }
.row5 { width: 23.2px }
-->
</style>
</head>
<body>
<div id="container">
<p class="row1">a</p>
<p class="row2 cl">a</p>
<p class="row2">a</p>
<p class="row3 cl">a</p>
<p class="row3">a</p>
<p class="row3">a</p>
<p class="row4 cl">a</p>
<p class="row4">a</p>
<p class="row4">a</p>
<p class="row4">a</p>
<p class="row5 cl">a</p>
<p class="row5">a</p>
<p class="row5">a</p>
<p class="row5">a</p>
<p class="row5">a</p>
<div class="clear"></div>
</div>
</body>
</html>
[/code]