Existen dos partes, una html y otra el css para ese html, todo irá en un marco que quedaría así (como tendría que ser):
![](http://img823.imageshack.us/img823/7514/capturadepantalla201107bt.png)
Y yo he llegado para que me quede así:
![](http://desmond.imageshack.us/Himg200/scaled.php?server=200&filename=capturadepantalla201107t.png&res=gal)
Mi código html de ese marco sería así:
Código:
Y el código css que he hecho yo es así:<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="../estilos/opciones.css"> <title>C21</title> </head> <body id="opciones"> <h3>Zona pública</h3> <ul> <li> <a target="C22" href="presentacion.html">Presentación</a> <li> <a target="C22" href="miembros.html">Miembros</a> <li> <a target="C22" href="trabajos.html">Trabajos</a> <li> <a target="C22" href="lineas.html">lineas</a> </ul> </body> </html>
Código:
¿Cómo podría perfeccionar el html y el css para eliminar la lista esa que tengo y ponerla lo más parecido a la primera imagen de este mensaje?#opciones { border-style: none; font-weight: bold; background-color: #e8ab00; text-align: left; list-style-type: none; font-size: 12px; font-family: sans-serif; }
Gracias!!!!