El problema es que al usar este sencillo código para un menú me funciona en la previsualización de Dreamweaver tanto para explorer como para Mozilla(aunque en usos similarest uve algún problema en Mozilla como ya puse en este mismo foro). Sin embaro a la hora de hacer pruebas en un servidor(en dos de hecho) no funciona. Les pongo los ejemplos.
Este es el código:
Cita:
Y este es el resultado: http://es.geocities.com/eltransito03...s/pruebita.htm<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {margin: 10px; padding: 0; font: 14px Verdana, sans-serif;}
ul {
list-style-type: none;
}
.menu li {
float: left;
}
.menu a {
margin: 0 2px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: url(/Grafico1.gif);
}
.menu a:hover {
background: url(/Grafico2.gif);
border: 1px solid gray;
}
.menu a:active {
background: gray;
border: 1px solid gray;
color: #fff;
}
.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}
-->
</style>
</head>
<body>
<ul class="menu"><li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li></ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {margin: 10px; padding: 0; font: 14px Verdana, sans-serif;}
ul {
list-style-type: none;
}
.menu li {
float: left;
}
.menu a {
margin: 0 2px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: url(/Grafico1.gif);
}
.menu a:hover {
background: url(/Grafico2.gif);
border: 1px solid gray;
}
.menu a:active {
background: gray;
border: 1px solid gray;
color: #fff;
}
.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}
-->
</style>
</head>
<body>
<ul class="menu"><li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li></ul>
</body>
</html>
Ssaludos y de nuevo gracias por adelantado.