Preguntas con la etiqueta [css3]
La tercera edition de CSS o Hoja de Estilo en Cascada (Cascading Style Sheet - siglas en ingles) y también la ultima. Es normalmente referida como CSS3, y junta capacidades visuales potentes y técnicas versátiles de manipulación de diseño y animación.
1,514
preguntas
0
votos
1respuesta
26 vistas
Ancho columnas Bootstrap
Estoy intentado a la hora de hacer una web con Bootstrap 5 y me gustaría que el diseño fuera el siguiente,
ColumnaIzquierda - ColumnaCentral(Con el contenido) - ColumnaDerecha
Las columnas laterales ...
0
votos
3respuestas
29 vistas
Problema con Css3
Hola a toda la comunidad este es mi primer post espero que me ayuden, les cuento estoy aprendiendo css y hoy me encontré con un error a la hora de escribir exactamente todo lo que esta en el libro no ...
0
votos
0respuestas
9 vistas
Hacer que los controles del input type number se visualizen en todo momento
he implementado: <input type="number" value="1" step="1" min="1" max="5" name="num-cant-prod" id="num-cant-prod">
he estado ...
3
votos
2respuestas
3k vistas
Como aplicar en css3 bordes redondeado con degradado
Hola estoy queriendo aplicar a una caja bordes redondeados con degradados pero no logro hacerlo, si bien el degradado lo aplica los bordes no, quisiera que quedarancomo el ejemplo que adjunto
....
1
voto
0respuestas
17 vistas
Overflow: Hidden una duda con menú en el navbar
Buenas tengo el siguiente código HTML se trata de un simple menú.
*{
padding: 0;
margin: 0;
}
nav{
background-color: rgb(37, 37, 37);
...
0
votos
0respuestas
18 vistas
¿Alguien sabe como mover imagenes con css?
Alguien tiene idea de como puedo hacer que se mueva una imagen de un sol en html, quiero que se mueva por la pantalla usando css y html, trato de hacer esto en un proyecto de angular 10.
El sol tiene ...
1
voto
1respuesta
17 vistas
Estoy estilizando formulario con css y no se porque me ocurre esto
Estoy haciendo un formulario pero no se porque me queda un espacio en blanco arriba, como podría solucionarlo. Este es mi código html.
body {
width: 400px;
margin: 0 auto;
}
input {
...
0
votos
0respuestas
14 vistas
Posicionar elementos en un css grid
Buen dia!
Estoy trabajando con un css grid en el cual me gustaria llenar de iconos y acomodarlos de la siguiente manera:
donde cada cuadro azul representa un icono.
Este es mi content-grid:
Lo he ...
0
votos
1respuesta
25 vistas
Problema con Background-img en React
Hola a todos tengo un problema con el Background-img: url('')
estoy utilizando React y he programado el file-loader correctamente en webpack, al compilar las imágenes se soportan bien mas cuando ...
2
votos
2respuestas
579 vistas
Agregar texto encima de una imagen al hacer hover
Llevo todo el día intentando adaptar mi código para que cuando haga hover en una imagen salga un texto cuando termine el efecto de opacidad, pero no encuentro la manera, alguno sabría como puedo ...
0
votos
0respuestas
15 vistas
Espacio en blanco a la derecha en mis páginas de Wordpress
necesito su ayuda. Estoy creando una página web para Wordpress. Estoy trabajando con un tema hijo. Pero mientras que estaba trabajando con el código, me agregó un espacio en blanco como en la ...
0
votos
1respuesta
22 vistas
Como mostrar el speudo class :after detrás de su padre
Busco que el circulo en el speudo class se muestre por detras del elemento padre. Tengo este código en css
div{
background: red;
width: 50px;
height: 50px;
}
.point {
position: relative;
...
1
voto
3respuestas
374 vistas
¿Cómo aplicar estilo a barra de desplazamiento textarea?
Existe alguna forma de crear estilos a la barra de desplazamiento de un textarea que sea compatible con todos los navegadores.
Este es mi diseño que estoy implementando en el textarea pero la barra ...
0
votos
1respuesta
29 vistas
Como bloquear <footer> al chocar con <main> para que no se sitúe uno encima del otro y haga scroll el main?
Me explico tengo 2 cajas 1 caja para el main y otra para el footer, cuando hago scroll sobre la pagina una caja pasa por encima de otra ya que tengo esto para que el footer se quede pegado abajo del ...
0
votos
4respuestas
355 vistas
no carga boostrap
estoy empezando con boostrap, alquien sabe que esta mal en mi código? parece que no me carga bootstrap, no usa ni las fuentes, ni la tipología ni nada de las librerías. Las rutas de las carpetas están ...
2
votos
2respuestas
3k vistas
Cómo hacer que un menu lateral (sidebar) quede fijo cuando se haga scroll a la pagina?
He diseñado un dashboard utilizando la plantilla AdminLTE, en esta plantilla el sidebar no queda fijo mientras se hace scroll a la pagina, además que el sidebar va aumentando su altura (height) ...
1
voto
1respuesta
28 vistas
¿Por que no me funciona el label for ? HTML
Hola estoy haciendo una seleccion de colores con el input radio y quiero q seleccione solo un color, lo quiero hacer con html por que vi q se puede realizar con el label for pero a mi no me funciona , ...
0
votos
0respuestas
15 vistas
Problema con grid 4x2
Tengo un grid de 4x2 donde las columnas son las que se repiten indefinidamente, pero me han salido unos problemas con el css
La primera es que no se como las flechas laterales rellenarlas con todo el ...
0
votos
1respuesta
30 vistas
Como puedo poner la lupa por encima de los dos bordes rojo
Tengo una lupa que se mueve al mover el cursor pero esta por debajo o atras de la cruz en rojo y yo no quiero que este abajo de todo sino que este por encima de la cruz roja. Les dejo el código para ...
0
votos
1respuesta
29 vistas
usar json para ampliar una lista js
lo que quiero hacer es crear un formulario html que complete un json y a su vez complete tanto un js como un css, aunque no estoy seguro de que se pueda.
Me explico mejor, he creado un programa que al ...
1
voto
1respuesta
94 vistas
Transformación de button o input de forma dinámica
Estoy realizando un formulario donde pregunto algo.
La idea es que las alternativas tengan apariencia dinámica, pero no logro hacerlo. Averigüé sobre canvas y nada. Estaba poniendo una imagen de fondo,...
1
voto
1respuesta
53 vistas
Como puedo hacer que un código en javascript se detenga para poder mostrar una animación
Tengo el siguiente inconveniente: Tengo 5 caja de texto en HTML, quiero mover cada una de ellas, pero no al mismo tiempo, quiero que se pueda apreciar como se mueve una por una, he intentado de varias ...
0
votos
0respuestas
20 vistas
maquetacion css3 con un container overflow (CSS3)
tengo una estructura donde a la derecha muestro una lista de items donde el contenedor tiene overflow-y pero al momento de que el alto de dicho container supera el 100% de la pagina se pasa y me ...
2
votos
3respuestas
79 vistas
¿Cómo forzar a una página web para que se vea sólo si el móvil está en vertical? [cerrada]
Es decir, que al entrar al sitio web, si el usuario tiene el móvil en modo horizontal no pueda ver el contenido de la página web hasta que voltee el móvil en posición vertical. He visto unos ejemplos ...
2
votos
1respuesta
22 vistas
grid en orden CSS
Tengo una pagina donde muestro mis pedidos mediante grid css al estilo de pinterest (mansory) sin embargo no logro hacer que el orden en el que me lo muestra sea el correcto, estan ordenados por ...
0
votos
2respuestas
690 vistas
Efecto visual en barra de navegacion web
Necesito de su asesoría para lograr conseguir el siguiente efecto visual de la siguiente barra de navegación.
Lo que quiero es lograr es que los links de la barra de navegación tengan un alto menor ...
0
votos
0respuestas
13 vistas
Además del tag <meta:color-theme>, ¿qué otro tag o codigo en css3 o html5 que haga lo mismo que el tag?
No sé si esté haciendo algo mal al añadir el tag meta:color-theme en mi código, pero es que noto que, por ejemplo, en el navegador Vivaldi tanto para Android como para PC, no se me colorea la ventana ...
0
votos
2respuestas
6k vistas
¿Por qué en Chrome no puedo ver los cambios que hago en mi página web?
Estoy haciendo una página web con HTML, CSS y JS, pero el problema es que cuando actualizo en Chrome después de cada cambio en mi codigo, no se actualiza la página, y el código sigue siendo el mismo ...
1
voto
1respuesta
45 vistas
Operaciones Javascript
tengo dos campos tipo date que me calculan la suma entre meses y el resultado lo imprime en un tercer input con nombre cantidad de meses en forma automática al seleccionar la fecha entre los ...
0
votos
1respuesta
37 vistas
No se aplica color correctamente con css
.reproduction-played{
position: absolute;
height: 4px;
background-color: #BB0101;
width: 0;
}
.reproduction-played::before{
content: "\f111";
font-family: "Font Awesome 5 Free"...
0
votos
1respuesta
41 vistas
Google Chrome no carga por completo el archivo css [cerrada]
apenas estoy aprendiendo este tema de desarrollo web y me acaba de pasar lo siguiente
subí en mi servidor la web que estoy trabajando, pero solo en Chrome no funciona el css que genera Sass, en los ...
0
votos
1respuesta
1k vistas
Problema con CSS en Safari Browser
Mi archivo CSS no funciona correctamente en safari este desconfigura las posiciones otorgadas en etiquetas las cuales se suponen son compatibles, para atributos como transform, translate, rotation, y ...
0
votos
1respuesta
36 vistas
Menú de navegación con logo responsive
Estimados(a)
Me encuentro haciendo un menu de navegación con logo y responsive pero nose como se anexa el logo (IMAGEN) y hacerlo responsive.
Si esta en sus posibilidades decirme se los agradecería.
...
4
votos
1respuesta
138 vistas
CSS animación vs transición
Tengo bien claro que animation y transition son para realizar animaciones, pero...
Supongamos que quiero mover un elemento de izquierda a derecha, con ambas se puede hacer.
Ejemplo con animation:
...
0
votos
1respuesta
31 vistas
Desplegar elementos de forma horizontal
Necesito desplegar los elementos del siguiente .botton__container pero de manera Horizontal:
.button__container {
position: fixed;
bottom: 30px;
right: 40px;
display: -webkit-box;
...
0
votos
1respuesta
549 vistas
Tabla de reservas con CSS y JS - Calendar
Amigos que tal, estoy realizando una página web en php/laravel de reservas, actualmente tengo un formato en <table> y en cada <td> hay un <button>, pero este tipo de codificación en ...
0
votos
1respuesta
42 vistas
¿Como crear una tabla con la columna izquierda fija y cabecera fija que funcione en todos los navegadores?
lo que quiero hacer es que el lado izquierdo sea fijo, nose mucho de css asi que buscando informacion solo pude hacer la cabecera fija, pero nose como hacer el lado izquierdo de productos que sea fijo ...
1
voto
1respuesta
36 vistas
Como hago para que mi menú hamburguesa no se muestre junto a la X; solo con CSS
Tengo el menú hamburguesa y funciona bien, desplegando la lista; pero están juntos los dos iconos
"fas fa-bars" y
"fas fa-times"
Como hago para que se muestre solo uno por vez? ...
1
voto
1respuesta
1k vistas
Fuente Google no se visualiza en dispositivos móviles
Tengo esta fuente que se ve perfectamente en el navegador de escritorio, pero cuando reviso en el móvil me aparece otra fuente diferente. ¿Tienen alguna idea de qué sucede?
Son son 2 parrafos, el ...
0
votos
0respuestas
27 vistas
Como seleccionar un texto que no tiene, clases, id o incluso etiquetas de html o css?
Muy buenas amigos de STACKOVERFLOW, Necesito ayuda y espero me puedan ayudar a posteridad; me encontrado muchos casos donde los clientes me piden traducir algo que por mucho que lo intente en ...
1
voto
0respuestas
81 vistas
¿Cómo hacer que un div ocupe todo el espacio disponible en cada tipo de pantalla? [cerrada]
Estoy creando una aplicación móvil con HTML y CSS en Bootstrap Studio, y tengo un div con un color de fondo que es el que contiene a los demás elementos de cada interfaz. El div cubre toda la pantalla ...
1
voto
1respuesta
45 vistas
Problema con el asincronismo en js
Tengo una galería de 9 imágenes las cuales tienen una capa de sombreado.
Lo que estoy tratando de hacer es que cada 2 segundos esa capa se quite de manera aleatoria a cualquiera de las 9 imagenes, ...
0
votos
1respuesta
33 vistas
LLevar muuri javascript css a Angular 7
deseo llevar el Código o implementar la siguiente vista a angular 7
document.addEventListener('DOMContentLoaded', function () {
var grid = null,
wrapper = document.querySelector('.muuri-...
0
votos
1respuesta
23 vistas
¿Como hacer que una etiqueta select muestre una flecha hacia abajo?
Hola tengo una etiqueta select y quiero que muestre una flecha como la que aparece en la imagen, y que permanezca siempre.
3
votos
1respuesta
462 vistas
Problema SCSS / CSS
Hasta hace poco usaba mi hoja de estilos SCSS, hacía las modificaciones y todo funcionaba bien, se me añadían a mi hoja de estilos CSS. Pero desde está tarde aplico cambios en mi SCSS y no se añaden. ...
-1
votos
1respuesta
41 vistas
Poner color botón formulario bootstrap 4
Hola que tal estoy construyendo un formulario con HTML5 y bootstrap, pero no consigo ponerle color al botón submit .
Quiero ponerle color negro (dark) con bootstrap.
Mucha gracias por su atención, ...
0
votos
2respuestas
29 vistas
No me carga el background-image
Estoy teniendo problemas para cargar un fondo en mi página de inicio y desconozco el motivo. He intentado meter la etiqueta tanto en la propia página, como aludir a ella dentro de la etiqueta body o ...
0
votos
0respuestas
31 vistas
conseguir movimiento semicircular css
Objetivo:
Estoy haciendo una animación para un proyecto, la idea es que la pluma emerga de una hueco oscuro(tipo abismo) y luego caiga al suelo rebotando un poco :D
Problema:
he conseguido todo, pero ...
0
votos
2respuestas
32 vistas
Ajustar altura del mapa Javascript al DIV completo
El siguiente mapa javascript (leaflet) se ajusta al ancho, pero no al alto del div. Tengo una altura de 850px, pero la idea es ajustar verticalmente también y no tener un height fijo. No se si me he ...
5
votos
3respuestas
263 vistas
¿Cómo adaptar las imágenes al tamaño exacto de un contenedor sin que desborde su contenedor?
Deseo lograr es adaptar las imágenes en su contenedor sin que este vaya a sobre salir del mismo ya sea porque es más alto o ancho su resolución de imagen.
Si ustedes pueden ejecutar la siguiente ...