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;
...
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">
<...
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 ...
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="...
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 ...
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á ...
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 ...
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 ...
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;
}
/* ...
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 ...
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 ...
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 ...
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 ...
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 ...
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&...
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;
...
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 ...
1
voto
Selector de hermano precedente CSS
Con este código lo he resuelto:
td.small:has(+td.small>.vacio) {
display: none;
}
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:
...
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 ...
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 ...
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-...
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 ...
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
...
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="...
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(...
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: ...
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("...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
css3 × 1793html5 × 1001
css × 829
html × 644
javascript × 445
jquery × 188
bootstrap × 185
php × 67
bootstrap-4 × 57
responsive × 38
flexbox × 35
scss × 33
web × 32
animación × 25
mediaqueries × 20
css-transform × 20
sass × 19
div × 17
wordpress × 16
materialize × 15
svg × 15
bootstrap-3 × 15
css-grid-layout × 15
angular × 14
imagen × 14