hola a todos:
es que tengo una duda respecto a html pues necesito que unas tablas me queden alineadas horizontalmente en la parte superior pero no me quedan lo h estado intentando y no me sale
lo que necesito es que el los portales y las estaciones queden alineados
si me pueden ayudar se los agradeceria
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
#Avenida principal {
margin: auto;
width: 900px;
height: 200px;
background: url(menu.JPG) no-repeat;
border: 1px solid #444;
text-align: center
}
ul {
padding: 50px;
}
li {
list-style: none;
display: inline;
margin: 0 40px 0 40px;
}
</style>
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>view</title>
<link type="text/css" href="../themes/skin.css" rel="stylesheet">
</head>
<body>
<form method="post" action="../Controls/controlView.php" name="viewForm">
<div id="Avenida principal">
<ul>
<li>
<DIV ALIGN=center>
<fieldset><legend>Avenida principal</legend>
Portal salida
<table style="text-align: left; width: 146px; height: 212px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td></td>
</tr>
</table>
<center>
</li>
<li>
Estacion 1
<table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
</table>
</center>
</li>
Estacion 2
<table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
</table>
</center>
Estacion 3
<table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
</table>
</center>
Portal destino
<table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
</table>
</center>
</tbody>
</table>
</ul>
</div>
<DIV ALIGN=left>
<fieldset>
<legend>buses</legend>
</fieldset>
</fieldset>
</DIV>
</DIV>
</form>
</body>
</html>