shad2
June 24th, 2014, 02:46 PM
how can i create another two rows for each of the 1.1.1 and 1.1.2 rows in the following example
I have tried and it is not coming out
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
table { width:auto; height:1px; table-layout:auto; border-collapse:collapse;
margin-left:20px; border:1px solid black; }
td, th { width:50px; height:1px; overflow:hidden; visibility:visible;
border:1px solid black; padding:5px; background:gold;
text-align:center; vertical-align:middle; text-indent:5px; }
</style>
</head>
<body class="noscroll">
<table>
<tr> <td rowspan="2">1.1</td> <td>1.1.1</td></tr><tr><td>1.1.2</td></tr>
</table>
</body>
</html>
I have tried and it is not coming out
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
table { width:auto; height:1px; table-layout:auto; border-collapse:collapse;
margin-left:20px; border:1px solid black; }
td, th { width:50px; height:1px; overflow:hidden; visibility:visible;
border:1px solid black; padding:5px; background:gold;
text-align:center; vertical-align:middle; text-indent:5px; }
</style>
</head>
<body class="noscroll">
<table>
<tr> <td rowspan="2">1.1</td> <td>1.1.1</td></tr><tr><td>1.1.2</td></tr>
</table>
</body>
</html>