Tema: quiero hacer este menú
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/11/2006, 07:42
Avatar de el_javi
el_javi
 
Fecha de Ingreso: marzo-2005
Ubicación: MAdrid
Mensajes: 844
Antigüedad: 19 años, 1 mes
Puntos: 10
quiero hacer este menú
Buenas tardes a tod@s.

Estoy intentando hacer un Menú, el cual quiero hacerlo por medio de CSS.

Pongo aqui como quiero que quede visualmente (el código HTML no es el que quiero usar, pero era la mejor manera de que todos podais ver cual es mi interés).
Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Pruebas Menu</title>
	<style type="text/css">
		body {margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;background-color:#ADADAD;}
		
		.sp{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:1px; text-decoration:none; color:#FFFFFF; line-height:1px;}
		
		.a11_000000 {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; text-decoration:none; color:#000000; line-height:12px;}
		.a11_FFFFFF_bold {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; text-decoration:none; color:#FFFFFF; line-height:12px; font-weight:bold}
	</style>
</head>

<body>
Menu<br><br>
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td width="28" class="sp">&nbsp;</td>
		<td width="66" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Empresa</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="78" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Soluciones</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="80" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Case Study</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="97" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Sala de Prensa</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="65" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Partners</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="57" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Cursos</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="103" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Bolsa de Empleo</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="87" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Tienda Online</span></td>
	</tr>
</table>
<hr>
	RollOvers<br><br>

<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td colspan="3" class="sp" height="6" bgcolor="#26265D" style="border:1px solid #FFFFFF; border-width:1px 1px 0px 1px">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
	</tr>
	<tr>
		<td width="28" class="sp">&nbsp;</td>
		<td width="66" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Empresa</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="78" height="20" class="a11_FFFFFF_bold" bgcolor="#26265D"><span style="padding:0px 0px 7px 7px">Soluciones</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="80" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Case Study</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="97" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Sala de Prensa</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="65" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Partners</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="57" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Cursos</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="103" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Bolsa de Empleo</span></td>
		<td width="1" class="sp" bgcolor="#FFFFFF">&nbsp;</td>
		<td width="87" height="20" class="a11_000000" bgcolor="#E7E7E7"><span style="padding-left:7px">&raquo;&nbsp;Tienda Online</span></td>
	</tr>
	<tr>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td colspan="3" class="sp" height="6" bgcolor="#26265D" style="border:1px solid #FFFFFF; border-width:0px 1px 0px 1px">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
		<td class="sp">&nbsp;</td>
	</tr>
</table>
</body>
</html>
Esta es la estructura que quiero montar (repito, que no os fijeis mucho en el código HTML, sino en como queda finalmente en Web)

Si alguno sabe como podría hacerlo (usando CSS) y me da igual si con UL o solo enlaces .. pero que funcione abiertamente en IE, Firefox, Opera y Netscape.

Gracias de antemano.

Un saludo.