Foros del Web » Creando para Internet » CSS »

Problemas con el display: inline;

Estas en el tema de Problemas con el display: inline; en el foro de CSS en Foros del Web. Hola amigos! Tengo problemas con esta función. Al aplicarla para un menu horizontal, el border-top me desaparece al visualizarlo. En el dreamweaver aparece pero al ...
  #1 (permalink)  
Antiguo 01/11/2007, 13:55
 
Fecha de Ingreso: noviembre-2007
Mensajes: 4
Antigüedad: 10 años, 1 mes
Puntos: 0
Problemas con el display: inline;

Hola amigos!

Tengo problemas con esta función. Al aplicarla para un menu horizontal, el border-top me desaparece al visualizarlo. En el dreamweaver aparece pero al salvarlo, F12, el border-top "se va", ¿sabéis por qué puede ser?

Gracias!
Jesús

os pego el código:
CSS--
Código:
BODY {
	MARGIN: 0px
}
#menuhor LI {
	DISPLAY: inline; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, sans serif; LIST-STYLE-TYPE: none; LETTER-SPACING: 1px
}
#menuhor LI A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; BORDER-LEFT: #fff 1px solid; COLOR: #666666; PADDING-TOP: 6px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 1px; TEXT-DECORATION: none
}
#menuhor LI A:link {
	COLOR: #fff
}
#menuhor LI A:visited {
	COLOR: #fff
}
#menuhor LI A:hover {
	BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; COLOR: #ffffff; BORDER-TOP-COLOR: #fff; BACKGROUND-COLOR: #99cc00; BORDER-RIGHT-COLOR: #fff
}
HTML--
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>uno, dos, tres</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" media="screen" href="Untitled-1.css">
</head>

<body>
<table width="200" height="49" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
          <tr>
            <td height="49">
              <div id="menuhor" align="center">
                <li>&nbsp;<a title="uno" href="http://www.uno.com/index.htm">uno</a> </li>
                <li>&nbsp;<a title="dos" href="http://www.dos.com/index.htm">dos</a> </li>
                <li>&nbsp;<a title="tres" href="http://www.tres.com/index.htm">tres</a> </li>
            </div></td>
          </tr>
        </table>
</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:18.