From e14abc3e73669e274ecdd71afaa1aaf73d343299 Mon Sep 17 00:00:00 2001 From: mikel Date: Sat, 3 Feb 2024 14:57:57 +0100 Subject: [PATCH] a --- CSS/main.css | 52 ++--- HTML/Contactos.html | 26 ++- JS/index.js | 531 +++++++++++++++++++++++++------------------- 3 files changed, 335 insertions(+), 274 deletions(-) diff --git a/CSS/main.css b/CSS/main.css index a61da90..63f8ab8 100644 --- a/CSS/main.css +++ b/CSS/main.css @@ -88,6 +88,7 @@ opacity: 1; z-index: 98; + } .cestaCompra:hover > .desplegable-carrito{ @@ -780,44 +781,6 @@ /*------------------------------CONTACTO------------------------*/ -.formulario-contacto input[type="email"] { - -webkit-appearance: none; - appearance: none; - width: 100%; - border: 1px solid gold; - margin: 0; - font-family: inherit; - font-size: 90%; - box-sizing: border-box; - } - -.formulario-contacto input:invalid { - border-color: red; - background-color: rgba(19, 133, 34, 0.5); - - } - -.formulario-contacto input:focus:invalid { - outline: none; -} - -.formulario-contacto .error { - width: 100%; - padding: 0; - font-size: 80%; - color: white; - background-color: #900; - border-radius: 0 0 5px 5px; - box-sizing: border-box; -} - -.formulario-contacto .error.active { - padding: 3px; - display: block; - text-align: center; - position: absolute; - width: fit-content; -} .cuerpo-contacto { display: flex; @@ -900,7 +863,20 @@ button.boton-enviar-form { background-color: rgba(40, 42, 55, 0.9); } +.msgError { + display: none; +} + .msgError.active{ + + display: contents; + color: red; + +} + +.claseError.active { + border-color: red; +} diff --git a/HTML/Contactos.html b/HTML/Contactos.html index f30aa86..2a06bd6 100644 --- a/HTML/Contactos.html +++ b/HTML/Contactos.html @@ -5,10 +5,9 @@ - La Forja Dorada - +