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> <a title="uno" href="http://www.uno.com/index.htm">uno</a> </li>
<li> <a title="dos" href="http://www.dos.com/index.htm">dos</a> </li>
<li> <a title="tres" href="http://www.tres.com/index.htm">tres</a> </li>
</div></td>
</tr>
</table>
</body>
</html>