Buenas!
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):
Y yo he llegado para que me quede así:
Mi código html de ese marco sería así:
Código:
<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>
Y el código css que he hecho yo es así:
Código:
#opciones {
border-style: none;
font-weight: bold;
background-color: #e8ab00;
text-align: left;
list-style-type: none;
font-size: 12px;
font-family: sans-serif;
}
¿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?
Gracias!!!!