Información de etiqueta

Respuestas populares con la etiqueta

3 votos

Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca: lo logro con CSS, pero no con SASS

En SASS, para obtener como resultado lo mismo que tenes en CSS, podrías hacerlo así: .content-img .image { .name { background-color: #202020; border-radius: 15px; color: #fff; ...
Marcos's user avatar
  • 33.9k
3 votos

¿Como crear una card con una imagen de fondo con opacidad del 10%?

Lo que hice fue crear un nuevo div adentro del card-body y justo antes del div que encierra a todo el contenido de tu card: <div id="app" class="container-fluid p-4"> <...
Cris223511.dev's user avatar
2 votos

¿Cómo lograr ocultar un menú al dar clic en alguna opción?

Sin necesidad de incorporar JS adicional, es posible lograr esto agregando a cada li los atributos data-bs-toggle="collapse" data-bs-target=".navbar-collapse.show", los cuales son ...
padaleiana's user avatar
  • 2,760
2 votos

problema con tema dark de sweetalert2

el link y el script correctos son estos sin la necesidad de instalar el npm son los siguientes <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="...
Claudio Gutiérrez's user avatar
2 votos

Flex-Box: ¿Cómo puedo lograr que todos los items tengan el mismo "Width" incluso estén en varias filas?

Si prestas atención, cuando los estilos deberían aplicarse ocurre un error. Resulta que la sintaxis de la expresión calc está mal. Es importante que haya un espacio a cada lado del operador -. De ...
Mateo's user avatar
  • 8,463
2 votos

¿Cómo puedo Importar varias fuentes de texto y utilizar las que quiera en cualquier parrafo en CSS?

Google Fonts te da básicamente dos formas de importar una fuente: Con etiquetas <link>, que usualmente van en el encabezado de tu archivo HTML o Con sentencias @import, que van en tu CSS. Acá ...
jachguate's user avatar
  • 30.1k
2 votos
Aceptado

como hacer para que cuando pase el cursor por un boton una imagen se oscuresca?

Se puede vincular el :hover de la primera clase con la clase de la imagen usando el "+", a fin de conseguir lo que dices (si te he entendido bien). Te pongo unos códigos de ejemplo. He ...
Hnry23's user avatar
  • 146
2 votos
Aceptado

Clases que comparten algunas características, unir todo en una clase? CSS

MI OPINION: No pierdas ni un minuto en esto. Es mejor que sea intuitivo y facil de leer que no "superOptimizado a este nivel". Te pongo un ejemplo: CSS de Bootstrap Ahí vemos 6.700 línas de ...
ferter3006's user avatar
  • 1,034
1 voto
Aceptado

Problemas con un header con sticky y un aside con nav

Necesitas aplicarle a cada <article> un scroll-margin-top mayor o igual al alto del menu. En tu caso el menú mide 100px de alto. Ejemplo: body { margin: 0; background: lightgray; } /* ...
Marcos's user avatar
  • 33.9k
1 voto

Como hacer Responsive mi pagina

Yo, a nivel personal, te recomendaría que aprendas responsividad con un Framework fácil como es Bootstrap (BS). Si comienzas con CSS puro, te vas a desanimar. Con BS hacer responsiva una web es como ...
OCHOA's user avatar
  • 1,821
1 voto

Selector CSS que actué cuando una clase exista

Tu tienes un + el cual selecciona el hermano inmediato pero resulta que entre classA y classC hay hermanos div intermedios, por lo que debes usar ~, quedando: .classA .classB ~ .classC .classD .classE ...
Yussef's user avatar
  • 17.5k
1 voto
Aceptado

Como mantener el color de los elementos de un bloque usando background-image?

Tu dices: El problema es que cuando paso el cursor sobre la imagen Es que no pasas el cursor sobre la imagen, lo pasas sobre el contenedor .visitanos__contenido, y además la regla del hover la ...
Yussef's user avatar
  • 17.5k
1 voto

Agrandar círculo al pulsarlo, y disminuirlo al dejar de pulsar

En tu código hay cosas que no son parte del requerimiento. En base a este, he preparado un ejemplo que hace lo que describes, quitando lo que no es esencial para su funcionamiento y haciendo algunos ...
jachguate's user avatar
  • 30.1k
1 voto

Agrandar círculo al pulsarlo, y disminuirlo al dejar de pulsar

lo primero es que tienes muchos errores en tu código, como que la etiqueta script tiene que ir al final de la etiqueta body. ahora lo primero en cuanto html, es que deberias encapsular el div glovo en ...
FelipeGCx's user avatar
1 voto

¿Cómo puedo Importar varias fuentes de texto y utilizar las que quiera en cualquier parrafo en CSS?

hay dos formas posibles de importar e implementar distintas fuentes en tu web... primera: Copiar el link que te da google fonts en head de tu html p.ej: <!DOCTYPE html> <html lang="en&...
saul_chavin's user avatar
1 voto

Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca: lo logro con CSS, pero no con SASS

Prueba anidando los selectores de la siguiente forma: .content-img { .image { .name { background-color: #202020; border-radius: 15px; color: #fff; display: none; ...
Cris223511.dev's user avatar
1 voto

solucion a Notice: Trying to get property 'num_rows' of non-object in

Si el mismo código funciona en local y no en remoto puede deberse a dos cosas: La base de datos o el usuario/contraseña o el puerto o el nombre del host en que está la base de datos en remoto no son ...
A. Cedano's user avatar
  • 93.9k
1 voto

Selector de hermano precedente CSS

Con este código lo he resuelto: td.small:has(+td.small>.vacio) { display: none; }
user1798310's user avatar
1 voto

¿Por qué mi div no se centra?

Tendrías que hacerlos flexibles a los elementos de ese div que encierra a tus 4 imágenes y centrarlos con justify-content: center y align-items: center. Primero, voy a reproducir tu problema: ...
Cris223511.dev's user avatar
1 voto
Aceptado

¿como poner un scroll en un organigrama?

Tienes elementos en el CSS que no existen en el HTML, como por ejemplo, no hay un div con clase divContenedor. Lo cambié por container que si existe, le di un ancho fijo de 1800px y unifiqué las ...
DjCrazy's user avatar
  • 6,816
1 voto
Aceptado

no me funciona overflow-x: hidden y overflow-y: visible

si llegan a tener el mismo problema, al final de todo la solucion era solamente poner el "z-index:auto" y se soluciona todo el problema, sumando a lo del overflow:hidden en el contenedor ...
Franco Figueroa's user avatar
1 voto
Aceptado

Selector ascendente CSS

Te va a resultar más facíl se empezas el selector desde el padre de ambos, es decir, desde .p-multiselect-panel. Entonces podemos decir que: Si .p-multiselect-panel tiene un hijo .p-multiselect-items-...
Marcos's user avatar
  • 33.9k
1 voto

Selector ascendente CSS

Podes usar el selector combinado de hermanos ~. La sintaxis es: hermano1 ~ hermano2 El estilo se aplica sobre los elementos hermano2 si se que estén después de un elemento hermano1 que comparta el ...
Mateo's user avatar
  • 8,463
1 voto
Aceptado

No detecta mi condicion

La verdad es que no entendí tu código, creo que es execivamente complejo. Evidentemente el problema está en como haces el substring. En todo caso, este algoritmo es muy sencillo, te dejo una demo ...
Yussef's user avatar
  • 17.5k
1 voto
Aceptado

¿Cómo lograr ocultar un menú al dar clic en alguna opción?

Primero agregué el evento onclick en cada uno de tus opciones (etiquetas a) para indicar que al hacer clic, llamemos a la función cerrar(): <a class="nav-link active" aria-current="...
Cris223511.dev's user avatar
1 voto
Aceptado

Alinear Auto Flow Grid Desde la Derecha

Puedes utilizar la propiedad direction: rtl en donde significa que la dirección de los elementos serán de derecha a izquierda (right to left), ejemplo: .container{ margin:auto; width: min(...
Cris223511.dev's user avatar
1 voto

Alinear Auto Flow Grid Desde la Derecha

Puedes utilizar direction para definir el sentido de la lectura. .container{ margin:auto; width: min(100%, 800px); border: 1px solid #0e0e0e; min-height: 200px; text-align: ...
Edward Romero's user avatar
1 voto

Ocultar el primer option del select al desplegar

Otra opción puede ser esta, aunque no seria html. Deberías colocarlo en tu archivo JS o envolverlo en un <script></script> dentro de tu archivo html. $("#inputID").prop("...
Nerea's user avatar
  • 11

Only top scored, non community-wiki answers of a minimum length are eligible