Tengo una duda usando CSS que no puedo resolver o no se como...
ando aprendiendo html y ando usando como práctica este ejemplo para mi supuesta página..
Cita:
El caso es que cuando esta terminado, un boton me queda mas largo que otro y simplemente no tengo idea de como alinearlos para que queden uniformes... <HTML>
<body bgcolor="black">
<style type="text/css">
#Menu div.barraMenu,
#Menu div.barraMenu a.botonMenu {
font-family: sans-serif,Verdana,Arial;
font-size: 12 pt;
color: white;
}
#Menu div.barraMenu {
text-align:left;
}
#menu div.barraMenu a.botonMenu {
background-color:#3366FF;
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #99CCFF;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #99CCFF;
color: black
}
</style>
<div id="menu"><div class="barraMenu">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a class="botonMenu" href="Noticias.html" target="principal">Noticias</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Historia.html" target="principal">Historia</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Foros.html" target="principal">Foros</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Imagenes.html" target="principal">Imágenes</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Contactos.html" target="principal">Contactos</a></td>
</tr>
</table>
</div></div>
</HTML>
<body bgcolor="black">
<style type="text/css">
#Menu div.barraMenu,
#Menu div.barraMenu a.botonMenu {
font-family: sans-serif,Verdana,Arial;
font-size: 12 pt;
color: white;
}
#Menu div.barraMenu {
text-align:left;
}
#menu div.barraMenu a.botonMenu {
background-color:#3366FF;
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #99CCFF;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #99CCFF;
color: black
}
</style>
<div id="menu"><div class="barraMenu">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a class="botonMenu" href="Noticias.html" target="principal">Noticias</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Historia.html" target="principal">Historia</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Foros.html" target="principal">Foros</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Imagenes.html" target="principal">Imágenes</a></td>
</tr>
<tr>
<td><a class="botonMenu" href="Contactos.html" target="principal">Contactos</a></td>
</tr>
</table>
</div></div>
</HTML>
Trate con todos los tamaños que podia configurar, asi como con las alineaciones y no entiendo como poder hacer esta tabla de una forma..."estética".
Saludos y gracias de antemano.
Mode Lineal
