Hola,
Cita:
Empezado por Ñuño
Hay una propiedad del CSS que permite eliminar los bolardos a la lista e imprimir sus elementos en una sola línea pero no recuerdo cuales eran.
|
Se trata de "display" ("inline") y de "list-style" ("none").
Más o menos lo que se quiere hacer:
Código PHP:
<html>
<head>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
div#menu {
color: #fff;
padding: 1em;
font-size: 1.4em;
text-align: center;
font-family: Verdana;
background-color: #000;
}
div#menu a {
color: #fff;
text-decoration: none;
background-color: #000;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
margin: 0 0 0 -1em;
}
div#menu ul li {
display: inline;
margin: 0 0 0 1em;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#inicio" title="Inicio">Inicio</a></li>
<li><a href="#creaciones" title="Creaciones">Creaciones</a></li>
<li><a href="#programas" title="Programas">Programas</a></li>
<li><a href="#musica" title="Música">Música</a></li>
</ul>
</div>
</body>
</html>