Background color no funciona en lista

Tengo una lista para una cabecera de una web con el siguiente código html

<div id="cabecera">
    <h1>Hostal Enriqueta</h1>
    <ul class="horizontal">
        <li><a class="boton-idioma" href="../en/index.html"> <img src="../0/English.jpg" title="English" class="new"/> </a></li>
        <li><a class="boton-idioma" href="../fr/index.html"> <img src="../0/Française.jpg" title="Française" class="new"/> </a></li>
        <li><a class="boton-idioma" href="../de/index.html"> <img src="../0/Deutsche.jpg" title="Deutsche" class="new"/> </a></li>
    </ul>
    <ul class="horizontal">
        <li><a class="boton-menu" href="habitaciones.html">Habitaciones</a></li>
        <li><a class="boton-menu" href="establecimiento.html">El Hostal</a></li>
        <li><a class="boton-menu" href="mapa.html">Mapa</a></li>
        <li><a class="boton-menu" href="reservas.html">Reservas</a></li>
        <li><a class="boton-menu" href="alrededores.html">Alrededores</a></li>
    </ul>
</div>

Este es el CSS que no me funciona

#cabecera {background-color: #1883ba; color: #ffffff}

Para el h1 si va bien, pero para las listas que hay abajo, todo se muestra sin formato. Lo único en todo el CSS que hace referencia a las listas es esto:

ul {list-style-type: none; margin: 0; padding: 0}
. Horizontal li {float: left; margin: 0; padding: 0;}

He probado a añadir un párrafo justo después de la última lista, antes de cerrar el div y el css si lo coge también.

1 Respuesta

Respuesta
1

Espero que hayas podido resolver tu duda pero si no, te puedo ayudar, en primer lugar te faltan 3 punto y coma en el código, pero dudo que eso haya influido, en segundo lugar cuando haces referencia a esta parte del código

. Horizontal li

no juntas pones bien tu class Horizontal, es .Horizontal.

Por ultimo, solo poniendo tu parte del código en mi IDE me sale esto, otra aclaración, no te sale bien tu propiedad float ya que las listas son elementos inline, cualquier duda no dudes en preguntarme

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas