Lo que quiero es muy simple pero no puedo hacerlo o no se puede, no termino de entender las diferencias entre cajas en linea o en bloque. Fíjense en esta pagina:
http://www.torneosnydus.com/index.php arriba de todo sobre el banner, hay 7 links uno al lado del otro, eso es una tabla:
Código HTML:
<table>
<tr>
<td><a href="/index.php">Home</a></td>
<td><a href="/foros/index.php">Forum</a></td>
<td><a href="/replays/index.php">Replays</a></td>
<td><a href="/torneos/index.php">Tournaments</a></td>
<td><a href="/downloads/index.php">Downloads</a></td>
<td><a href="/halldefama.php">Hall of Fame</a></td>
<td><a href="/lsw3/grupos.php">LSW III</a></td>
</tr>
</table>
Bueno ahora quiero hacer eso sin la tabla, de esta forma no me funciona porque especificar width en un SPAN no funciona..
Código HTML:
<style type="text/css">
SPAN {
width:150px;
}
</style>
....
<span><a href="/index.php">Home</a></span>
<span><a href="/foros/index.php">Forum</a></span>
<span><a href="/replays/index.php">Replays</a></span>
<span><a href="/torneos/index.php">Tournaments</a></span>
<span><a href="/downloads/index.php">Downloads</a></span>
<span><a href="/halldefama.php">Hall of Fame</a></span>
<span><a href="/lsw3/grupos.php">LSW III</a></span> y el gran problema es que al pasar el mouse sobre los links se pone en negrita y el ancho se agranda y se mueven los demas links, eso justamente es lo que no quiero! hay una forma de generar una caja como el <div> pero una al lado de la otra y que no esten flotando???
Saludos.