Nuevas respuestas con la etiqueta html
1
voto
cambie la imagen de fondo al hacer click
Tal como mencionan en la documentación, la sintaxis correcta sería:
document.body.style.backgroundImage = "url('tuImagen.png')";
Con esto ya lo obtendrías, por ejemplo:
document....
- 4,345
2
votos
Aceptado
¿Como puedo quitar una linea que me aparece en una imagen que esta en una etiqueta <a>?
Lo que estas viendo es la clásica linea de subrayado que tienen los links de forma nativa en html. Podes desactivarla mediante la propiedad text-decoration: none;
div.cuerpoPrincipal div.tablas ....
- 2,522
1
voto
¿Como puedo quitar una linea que me aparece en una imagen que esta en una etiqueta <a>?
Creo que con una pequeña modificación, podría funcionar, simplemente colocar a href=... dentro de la etiqueta img, si no funciona, deberías proporcionarnos tu css, para ver que está pasando.
div....
- 443
1
voto
¿Como puedo quitar una linea que me aparece en una imagen que esta en una etiqueta <a>?
Para eliminar la línea que aparece entre los iconos, puedes agregar estilos CSS a la clase "divTablaIconos" para eliminar los márgenes y bordes de las imágenes dentro de ella. Algo como esto:...
- 330
0
votos
Como puedo mostrar un mensaje en css cuando el input en este caso email es :invalid?
Como menciona Yussef, necesitas de un elemento que funcione como contenedor para el mensaje. Lo que te comparto es parecido sólo que usé la propiedad visivility.
Primero creamos la etiqueta <span&...
- 99
-1
votos
Aceptado
Como puedo mostrar un mensaje en css cuando el input en este caso email es :invalid?
Lo que estás haciendo es una validación al form en general por eso muestra un solo mensaje. El form es invalid si al menos un elemento hijo es invalid.
Lo que tú quieres es mostrar un mensaje por ...
- 8,596
1
voto
Aceptado
Calculadora Decimal a Binario JS/HTML/CSS
Estás haciendo doble conversión numérica aquí:
let decimal = Number.parseInt(document.getElementById('decimalInput'));
De la cual sería incorrecto, debería ser:
let decimal = Number(document....
- 4,345
0
votos
Calculadora Decimal a Binario JS/HTML/CSS
Number.parseInt recibe una cadena de texto. Le estás enviando un objeto. Lo que tienes que enviarle es la propiedad value de ese objeto (que devuelve el texto de la caja de texto):
convertToD.onclick =...
- 46
0
votos
mostrar datos de base de datos
Tu código está mal organizado. Si observas, el if debería ser para controlar que esos datos fueron pasados en $_GET, pero tú cierras el bloque del if y pasas a usar los datos luego, se cumpla el if o ...
- 90.5k
0
votos
PHP y jquery validation problema al agregar validación de campos
Bien, dejo de funcionar porque te falto el submit en el código de la validación.
te falto esta línea:
submitHandler: function (form) { form.submit(); }
Utiliza este código con la línea de código ...
- 31
0
votos
En la parte de abajo del footer se crea un espacio en blanco
Yo lo solucioné de la siguiente manera, en mi caso es un form en el tuyo un section por lo que veo, entonces solo agrégale la propiedad de style: min-height y puedes empezar desde 100vh e ir bajando ...
1
voto
toJSON() me cambia de gtm-0300 a gtm0000 (zulu)
toJSON() y objetos Date (UTC)
La función toJSON() convierte un objeto Date a una cadena en formato ISO (yyyy-mm-ddThh:mm:ss.sssZ), donde Z indica que la hora es en formato UTC (Coordinated Universal ...
- 1,616
0
votos
Aceptado
Nav se amontona al hacerlo responsive
Puedes darle un espacio entre la separación de los bloques usando gap, tu @media quedaría así:
@media (max-width: 600px){
.flex-container{
flex-direction: column;
align-items: center;
...
- 4,345
0
votos
Scroll vertical no aparece en la página web
Es porque tienes en el body la propiedad overflow: hidden si quizas quieres tener un fondo con una imagen que se mantenga al hacer scroll, cambiale a la imagen el background-position a el valor fixed ...
- 155
1
voto
Imagenes ajustada a titulo flexbox
Creo que lo mejor es que ocuparas GRID por sobre flex, ya que justamente lo que estás haciendo es una grilla
Además me parece que lo razonable es que un contenedor envuelva tanto el titulo como la ...
- 8,596
0
votos
Aceptado
Cómo modificar el modal de bootstrap 5? Quiero que sea un pop up transparente
Siempre puedes sobreescribir propiedades del css. Por ejemplo puedes crear una clase CustomModal y hacer lo siguiente:
img{
width:200px;
height:400px;
background-color:blue;
}
.CustomModal ....
- 8,596
1
voto
Aceptado
barra de menu desaparece con position fixed
Si colocas position: fixed en el nav funciona como es de esperar. Además, debes colocar al menos los left,top y right
body{
background-color: #e5e5f7;
opacity: 0.8;
background-image: linear-...
- 8,596
1
voto
Aceptado
Sobre poner imagenes CSS
img-banner No es necesario que tenga posición absoluta, en cambio img-perfil si lo necesita.
Luego el asunto es muy simple, a img-banner debes asignar la propiedad bottom en negativo y NO ocupar top
...
- 8,596
2
votos
¿Por qué el addEventListener se ejecuta más de una vez?
Lo que sucede es que cada vez que haces clic en el elemento .no estás agregando un nuevo listener, de la cual el elemento .h se agregará las veces que el listener se repita.
Una solución sería separar ...
- 4,345
1
voto
¿Por qué el addEventListener se ejecuta más de una vez?
Lo que sucede es que tu código indica que la letra H (.h) tiene un listener a cada elemento, puedes remover el listener después de dar clic:
document.querySelector('.no').addEventListener('...
- 106k
1
voto
¿Por qué el addEventListener se ejecuta más de una vez?
Si te fijas en el código, cada vez que haces click en .no, además de mostrar .h también esta agregando un listener a elemento.
Por poner un ejemplo: si haces click 5 veces en .no, entonces cuando ...
- 31.6k
1
voto
Aceptado
¿Cómo aplico el mismo estilo a todos los elementos '<td>' de un mismo '<tr>'?
Siguiendo los ejemplos que te comentaron, el resultado final de tu tabla sería algo como:
table {
overflow: hidden;
display: inline-block;
}
td, th {
border: 1px solid #999;
padding: 10px;...
- 4,345
0
votos
Estoy necesitando generar una alerta si le dan click a cualquiera de los botones sin antes ingresar un valor en el input
Te envió una mejor simplificación del código, si te sirve Marcala como una respuesta xfa
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="...
- 65
1
voto
¿Cómo aplico el mismo estilo a todos los elementos '<td>' de un mismo '<tr>'?
Te dejo un ejemplo de cómo resolverlo.
table {
overflow: hidden;
}
td,
th {
position: relative;
}
td:hover::after,
th:hover::after {
content: '';
position: absolute;
background-color: #ffa;
...
- 441
3
votos
Aceptado
¿Cómo mover una columna de un Grid a la derecha?
Lo podrías solucionar aplicando la propiedad justify-content-end, ya que con esto estarías posicionando el contenido siempre al final, veamos un ejemplo:
.col {
padding: 20px;
background-color:...
- 4,345
0
votos
¿Cómo mover una columna de un Grid a la derecha?
entendería que hay 2 formas:
Al 4 item, agregar la clase "offset-2"
Al div con la clase row, agregar la clase "justify-content-end"
Tu decide cual aplicar.
0
votos
Estoy necesitando generar una alerta si le dan click a cualquiera de los botones sin antes ingresar un valor en el input
Puedes hacerlo desde las etiquetas HTML agregando el atributo required, con esto al tratar de enviar el formulario detectara si alguno de los inputs que cuentan con este atributo no tiene ningun valor,...
- 710
1
voto
Aparecen "comas" fantasmas en mi html
Tu problema es que .map() devuelve un array y ${array} te está sacando el texto separando cada elemento con comas y estas quedan fuera de la celda y por tanto fuera de la tabla.
Acabo de probar y ${...
- 1,715
-1
votos
No encuentra la ruta del archivo CSS y JS ERR_ABORTED 404 (Not Found) .NET
En relación a tu consulta, en mi caso, no utilizo ni puntos ni virgulilla, simplemente lo escribo así:
<link href="vendors/FULLCALENDAR-4-1-0-DESCARGA/Core/main.min.css" rel="...
0
votos
Error al ver un Post de Instagram en página web con HTML
En que estas haciendo el proyecto?
Capaz tengas que consumir la API de visualización básica de Instagram para poder mostrar el contenido.
Si estas haciendo una web estática probablemente solo te deja ...
0
votos
Error PDO Select en Login con PHP y HTML
Dejo un enlace a un repositorio GitHub que lo hace en PHP (aunque sea del pasado) y además utiliza las sesiones.
En caso de que no sea correcto poner esto como respuesta, ruego me avisen y la elimino. ...
- 452
1
voto
Aceptado
Formulario con botón de suma y multiplicación no da resultado esperado
Imagino que el propósito del ejercicio es aprender el uso de if ... elseif ... else y el error de sintaxis es porque no usas bien esa estructura, tienes dos if seguidos y terminas con un else.
La ...
- 90.5k
4
votos
¿Como cambiar en javascript una variable de color?
espero que estes bien 😀, mira yo utilice el siguiente codigo para cambiar el color de fondo de la pagina :
function changeColor(color) {
document.body.style.background = color;
}
/*...
3
votos
Aceptado
Error PDO Select en Login con PHP y HTML
Tu código tiene varios problemas. Trataré de enumerarlos aquí:
El uso de $_SERVER['PHP_SELF'] no es seguro en tu escenario, considera poner la URL del archivo que maneja el action del formulario. ...
- 90.5k
1
voto
Aceptado
Centrando vertical una UL en un DIV (proyecto de MDN)
Lo que hice fue encerrar en un div a los li que están dentro del ul para que al momento de centrar solo sea afectado a ese div con los li y no solo a los li:
<ul>
<div>
<li&...
- 4,345
0
votos
Como ajustar el tamaño de la imagen de acuerdo al texto
Necesitas algo así:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"...
- 1,114
1
voto
¿Como obtener el tamaño del texto? (de la fuente me refiero)
Como bien te dice el error, los TextNode no tienen estilo que se pueda calcular, lo toman del elemento padre. Por otro lado, puedes averiguar el tamaño del nodo de texto de un modo poco intuitivo:
...
- 48.2k
0
votos
selenium con python para recuparar info de vehiculos de ocasion, aparece div habilitado para aceptar datos de privacidad
Efectivamente está detectando que eres un bot. En ese caso, utiliza el paquete undetected-chromedriver que pasa desapercibido a los servicios anti-bot. Lo puedes instalar:
pip install undetected-...
- 2,889
2
votos
Angular no reconoce la hoja de estilos
Se ha solucionado utilizando Renderer2.
Al tener la Clase renderer2, primero he tenido que crear una estancia con RendererFactory2:
Os dejo el código.
public setTheme(theme: string) {
if (...
- 41
2
votos
Añadir visualmente los puntos de decimales
Salvo un pequeño error que tienes en la configuración de yAxes (te sobra unos [ ]), a mí se me visualiza con separadores de miles
Demo:
const $grafica = document.querySelector("#grafica");
const ...
- 8,596
1
voto
¿Cuál es la forma correcta para armar un formulario con html y javascript para guardar inputs en variables?
La "forma correcta" no existe en programación. Existen las formaS (plural) incorrectas, las formaS correctas y muchas que están entre medio.
Luego, sobre el guardar los inputs en variables: ...
- 8,596
1
voto
Aceptado
Ajustar texto flex
Cambié la estructura del HTML para obtener un resultado más cercano a lo que pides. Primero, los textos del rightP y la imagen lo moví todo en tu elemento leftP, en donde rightP ya no sería utilizado, ...
- 4,345
0
votos
Aceptado
¿Se puede insertar video de Youtube privado en mi web?
Los videos son privados por una razón. Solo los puedes ver tú.
En el caso de que lo insertes en tu página los demás no podrán verlo.
Cómo sugieren en Stackoverflow en inglés:
Mejor establece la ...
- 6,150
3
votos
Aceptado
ingresar valores en el input y que me vaya mostrando los resultados de la tabla de multiplicar
Podrías usar innerHTML en vez de document.write(), tendrías que crear un nuevo div debajo para mostrar los resultados, y cuando digitas otro número, el contenido del nuevo div se va a sobrescribir con ...
- 4,345
0
votos
¿Como poner color de fondo a texto y no a toda la caja o línea?
perfecto. no había pensado en el tag span. me salia toda la caja verde con p o con div.
gracias
- 1
3
votos
Página no carga nuevos datos si navego por ella pero si lo hace si actualizo manualmente
ya encontré la solución. Era que se guardaba en caché.
Lo solucioné borrandola por medio de PHP:
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 1 Jul 2000 05:...
- 1,291
1
voto
Aceptado
menu nav con flexbox
Hay algunas cosas que sobran en el código CSS, pero básicamente, para que los elementos de un flexbox no queden pegados entre sí, puedes usar la propiedad gap. Te adjunto cómo quedaría el código con ...
- 901
0
votos
Aceptado
¿Cómo alinear elementos dentro de una lista a la derecha del contenedor?
Lo podes hacer de la siguiente manera, cada 'list' (flex) tiene dos elementos, un contenedor 'contenedor-img_name' tambien flex con la foto y el nombre del producto, y otro que es el <p> del ...
- 1,553
1
voto
Quiero operar mas de 2 valores en mi calculadora Javascript
let cantNumeros = 0;
let cantOperaciones = 0;
let auxiliar = "";
let numeros = [];
let operaciones = [];
// a medida que pulsa las teclas numéricas, va llamando a esta
// función, que ...
- 443
2
votos
CSS INTERNO O CSS EXTERNO, INFLUYEN A LA HORA DE QUERER VER LA PAGINA WEB CREADA?
El error cometido fue que la ruta de las imágenes estaba errónea, cuando CSS EXTERNO se le coloco un:
#p1{
background-image: url(imagenes/placa1.jpg);
background-color: chocolate;
}
Y así ...
- 19
Se incluyen las 50 respuestas más recientes
Etiquetas relacionadas
html × 17344javascript × 7713
css × 5198
php × 4635
jquery × 2560
html5 × 1190
bootstrap × 1140
mysql × 1134
ajax × 717
css3 × 629
web × 400
angular × 388
formularios × 336
json × 296
laravel × 290
sql × 250
python × 224
c# × 198
java × 193
typescript × 179
angularjs × 176
mysqli × 167
django × 163
nodejs × 160
phpmyadmin × 159