Des-Alineación de botones ccs en tabla

XRNET · #1 (**permalink**) 04/12/2005, 20:34

Saludos. Soy nuevo en CSS y en el Foro.
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:

<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>

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...

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.

kemie · #2 (**permalink**) 05/12/2005, 00:15

estos ejemplos te pueden ayudar (y no necesitas tablas!
http://css.maxdesign.com.au/listamatic/vertical07.htm
http://css.maxdesign.com.au/listamatic/horizontal09.htm

saludos!
:)

XRNET · #3 (**permalink**) 05/12/2005, 13:24

Te lo agradezco mucho =)