Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

se me desconfiguro

en algún momento se ve que no hice o hice algo mal pero no veo donde esta el error y se ve asi, los input type="radio" no quedaron antes del texto

<head>
        <meta charset="UTF-8">

        <title>Contacto- Barberia Alura</title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style-producto.css">

    </head>
    <body>

        <header>
            <div class="caja">
                <h1><img src="imagenes/logo.png" alt="Logo de la Barberia Alura"></h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="producto.html"> Productos</a></li>
                        <li><a href="contacto.html">Contacto</a></li>

                    </ul>
                </nav> 
            </div>
        </header>
        <main>
            <form>
                <label for="nombreapellido">Nombre y Apellido</label>
                <input type="text" id="nombreapellido" class="input-padron" required>

                <label for="correoelectronico">Correo Electrónico</label>
                <input type="mail" id="correoelectronico" class="input-padron" required placeholder="email@dominio.com">

                <label for="telefono">Telefono</label>
                <input type="tel" id="telefono" class="input-padron" required placeholder="(xx)xxxxxxxx">

                <label for="mensaje">Mensaje</label>
               <textarea cols="70" rows="10" id="mensaje" class="input-padron" required></textarea>

               <fieldset>
                    <legend>¿Cómo le gustaria que lo contactemos?</legend>

                    <label for="radio-email"><input type="radio" name="contacto" value="email" id="radio-email">Email</label>

                    <label for="radio-telefono"><input type="radio" name="contacto" value="telefono" id="radio-telefono">Telefono</label>


                    <label for="radio-whatsapp"><input type="radio" name="contacto" value="whatsapp" id="radio-whatsapp" checked>Whatsapp</label>


                </fieldset>
                <fieldset>
                    <legend>¿En que horario prefiere ser atendido?</legend>
                    <select>
                        <option>Mañana</option>
                        <option>Tarde</option>
                        <option>Noche</option>

                    </select>

                </fieldse>


                <label class="checkbox"><input type="checkbox" checked>¿Le gustaria recibir novedades de la Barberia Alura?</lebel>

                <input type="submit" value="Enviar formulario" class="enviar">

            </form>
        </main>

        <footer>
            <img src="imagenes/logo-blanco.png" alt="Logo de la Barberia Alura">
            <p class="copyright">&copy Copyright Barberia Alura 2020</p>

         </footer>  

    </body>

 </html>  
2 respuestas

` header{ background: #BBBBBB; padding: 20px 0; }

.caja{ width: 940px; position: relative; margin: 0 auto; }

nav{ position: absolute; top: 110px; right: 0;

}

nav li{ display: inline; margin: 0 0 0 15px }

nav a{ text-transform: uppercase; color: #000000; font-weight: bold; font-style: 22px; text-decoration: none; }

nav a:hover{ color: #c78c19; text-decoration: underline; } .productos{ width: 940px; margin: 0 auto; padding: 50px; }

.productos li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border:2px solid #000000; border-radius: 10px;

}

.productos li:hover{ border-color: #c78c19;

}

.productos li:active{ border-color:#088c19 ; }

.productos h2{ font-size: 30px; font-weight: bold; }

.productos li:hover h2{ font-size: 33px; }

.producto-descripcion{ font-size: 18px; }

.producto-precio{ font-size: 20px; font-weight: bold ; margin-top: 10px; }

footer{ text-align: center; background: url(imagenes/bg.jpg); padding: 40px; }

.copyright{ color: #ffffff; font-size: 13px; margin: 20px; }

main{ width: 940px; margin: 0 auto; }

form{ margin: 40px 0; }

form label, form legend{ display: block; font-size: 20px; margin: 0 0 10; }form input{ display: block;

}

.input-padron{ display: block; font-size: 20px; margin: 0 0 20px; padding: 10px 25px; width: 50%; } .checkbox{ margin: 20px 0; }

.enviar{ width: 40%; padding: 15px 0; font-size: 18px; font-weight: bold; color: white; background: orange; border: none; border-radius: 5px; transition: 1s all; }

.enviar:hover{ background: red; transform: scale(1.20); } `

Hola Isolina, no cerraste bien la etiqueta,

¿En que horario prefiere ser atendido? MañanaTardeNoche
  •                 </select>

    //Esta etiqueta (Lefalta la T) Espero sea eso solamente, saludos