Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/11/2006, 14:04
Avatar de el_javi
el_javi
 
Fecha de Ingreso: marzo-2005
Ubicación: MAdrid
Mensajes: 844
Antigüedad: 19 años
Puntos: 10
Aqui dejo de nuevo el código con los Estilos, una propiedad por línea.

Espero que así sea mas sencillo seguirlo.

No tengo posibilidad de poern un enlace a la presentación, pero con crear un fichero .htm en notepad y pegar este código, podeis ver lo que hace
Cita:
<!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;
}

/* Menu */
#menu_buttons {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
line-height:12px;
}
#menu_buttons a {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
line-height:12px;
}


#menu_company {
display:block;
width:65px;
height:16px;
padding:3px 0px 0px 16px;
margin:4px 0px 0px 0px;
background:url(../img/menu/menu_bullet.gif) 7px 8px no-repeat; background-color:Red;
}/* background-color:#E8E9EB; */

#menu_company:hover {
padding:7px 0px 0px 0px;
margin:-2px 0px 0px 0px;
border-width:1px 1px 0px 1px;
background:none;
background-color:#26265C;
color:#FFFFFF;
font-weight:bold;
border:1px solid #FFFFFF;
}

</style>
</head>

<body>
<div id="menu_container" style="position:absolute;top:252px;left:0px;width: 942px;height:344px; background-color:blue">
<div id="menu_buttons" style="position:relative;top:1px;left:18px;height: 28px; background-color:green">
<a href="#" id="menu_company">Empresa</a>
</div>
</div>


</body>
</html>
Espero que podais ayudarme pronto.

Gracias de antemano