2
respuestas

Vínculos generados.

Referente al curso HTML5 y CSS3 parte 2: Posicionamiento, listas y navegación, en el capítulo Lista con Productos y actividad Reforzando el inline-block

por Yeferson Bernal Gutiérrez
| 57.3k xp | 18 posts

Hola, buenas noches. Es que estoy tratando de avanzar en la creación de la página pero tengo un problema y es que las listas creadas en cuerpo

me genera automáticamente un link de ingreso sin haberlo llamado Lo tengo de la siguiente manera: 
<main>
            <ul class="Productos">
                <li>
                    <h2>Cabello</h2>
                    <img src="imagenes/cabello.jpg">
                    <p>Con tijera o máquina a gusto del cliente.</p>
                    <p>$10</p>
                </li>
                <li>
                    <h2>Barba</h2>
                    <img src="imagenes/barba.jpg">
                    <p>Corte y diseño profesional de barba.</p>
                    <p>$8</p>
                </li>
                <li>
                    <h2>Cabello + barba</h2>
                    <img src="imagenes/cabello+barba.jpg">
                    <p>Paquete completo de cabello más barba.</p>
                    <p>$15</p>
                </li>
            </ul>
        </main>

De esta manera cuando voy a actualizar la págica en Chrome, me sale una manita y al dar click me genera una página inexistente. ¿Podrían ayudarme a enternder el porqué?

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad )
2 respuestas
por Ezequiel Alejandro Martinez
| 211.7k xp | 145 posts
Secretario

Buenos días Yeferson, podrías compartir el código del archivo CSS?

por Yeferson Bernal Gutiérrez
| 57.3k xp | 18 posts

Hola, claro!

header{
    background: #BBBBBB;
    padding: 20px 0;
}
.Caja{
    position: relative;
    width: 940px; /* Normlamente las pantallas vienen con 1.200px*/
    margin: 0 auto;
}
nav{
    position: absolute;
    top: 125px;
    right: 0px;
}
nav li{
    display: inline;
    margin: 0 0 0 15px;
}
nav a{
    text-transform: uppercase; 
    color: #000000; 
    font-weight: bold;
    font-size: 22px; 
    text-decoration: none;
}
.Productos{
    width: 940px;
    margin: 0 auto;
}
.Productos li{
    display: inline-block;
}
.Productos h2{
    font-size: 30px;
    font-weight: bold;
}

Creo ahí te puedo colaborar con ello.