Solucionado
Buenos días. No sé por qué, aún siguiendo el paso a paso del video para darle estilos a la tabla, las celdas quedan con ese margen interno entre sí, y no unidas. Podrían ayudarme, por favor? Muchas gracias.
table{ margin: 40px 40px; }
thead{
background: #555555;
color: white;
font-weight: bold;
}
td,th{
border: 1px solid black;
padding: 8px 15px;
}
Hola Marcia, espero que estés bien! Gracias por compartir tu código con nosotros. Le sugiero que incluya la etiqueta Si tiene alguna pregunta sobre el contenido del curso, estamos aquí para ayudarlo. ¡Sigue practicando! ¡Vamos juntos!
Buenos días. Qué etiqueta deberia incluir? muchas gracias
Ya la vi, mil disculpas. No sabía cómo funcionaba el foro. Muchísimas gracias!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contacto - Barbería Alura</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="caja">
<h1><img src="imagenes/logo.png" alt="Logo de la Baberí Alura"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="productos.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="email" id="correoelectronico" class="input-padron" required placeholder="email@dominio.com">
<label for="telefono">Teléfono</label>
<input type="tel" id="telefono" class="input-padron" required placeholder="(XX) XXXX XXXX">
<label for="mensaje">Mensaje</label>
<textarea id="mensaje" cols="70" rows="10" class="input-padron" required></textarea>
<fieldset>
<legend class="test">¿Cómo le gustaría ser contactado?</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">Teléfono
</label>
<label for="radio-whatsapp"><input type="radio" name="contacto"
value="whatsapp" id="radio-whatsapp" checked>WhatsApp
</label>
</fieldset>
<legend>¿En Cuál horario desea ser atentido?</legend>
<fieldset>
<select name="" id="">
<option value="">Mañana</option>
<option value="">Tarde</option>
<option value="">Noche</option>
</select>
</fieldset>
<label class="checkbox"><input type="checkbox" checked>¿Le gustaría recibir novedades de la Barbería
Alura?
</label>
<table>
<thead>
<tr>
<th>Día</th>
<th>Horario</th>
</tr>
</thead>
<tbody>
<tr>
<th>Lunes</th>
<th>08H - 20H</th>
</tr>
<tr>
<th>Miércoles</th>
<th>08H - 20H</th>
</tr>
<tr>
<th>Viernes</th>
<th>08H - 20H</th>
</tr>
</tbody>
</table>
<input type="submit" value="Enviar Formulario" class="enviar">
</form>
</main>
<footer>
<img src="imagenes/logo-blanco.png" alt="Logo de la Barbería Alura">
<p class="copyright">© Copyright Barbería Alura - 2020</p>
</footer>
</body>
</html>Buenas tardes, existe algún inconveniente si colocó la tabla dentro del formulario, pues estéticamente sería optimo que la persona logre ver los horarios antes de enviarlos y no que estos queden por debajo del botón que envía el formulario.