Hola.
He decidido volver a empezar desde el principio.
Lo primero es lo primero. Si no consigo sacar un círculo al lado del li, creo que voy mal.
Con mi código:
Código:
<html>
<head>
<title>Enter the title of your HTML document here</title>
<style type="text/css">
ul.menu_horizontal {
border: 1px solid blue;
}
ul.menu_horizontal li {
float: left;
list-style-position: inside;
list-style-type: circle;
border: 1px solid red;
padding: 30px;
margin: 0px;
}
ul.menu_horizontal li a {
display: block;
color: green;
}
</style>
</head>
<body>
<div>
<ul class="menu_horizontal">
<li><a>uno</a></li>
<li><a>dos</a></li>
<li><a>tres</a></li>
<li><a>cuatro</a></li>
</ul>
</div>
</body>
</html>
sale el círculito en el Firefox, en el IE (pruebo en la v. 8) no sale y no tengo la menor idea de por qué.
Después, ya lo iré complicando con lo que haga falta.
hades87, esta página es de una intranet, así que no está publicada, por eso os coloqué aquí el código.
kseso?, gracias por tus acertadísimos tips. Como puedes ver, he tratado de seguir tu consejo, aunque sigo sin acertar de pleno en cómo se hace esto...
Si alguien tuviese alguna referencia a un código de ejemplo que funcionase en el IE, le agradecería que pusiese alguna reseña al mismo...
En cuanto tenga solucionada esta parte, seguiré a partir de aquí metiendo las <img> entre cada li.
Muchas gracias a todos.
Un saludo.