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
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
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
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 ...
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 ...
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;
...
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 ...
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
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
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
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
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
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 ...
2
votos
3respuestas
78 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 ...
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 ...
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
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.
...
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
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 ...
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
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, ...
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 ...
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.
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
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 ...
0
votos
2respuestas
80 vistas
Efecto de transición no deseado CSS al cargar la página
Tengo un problema con CSS, quiero colocar una transición de estilos de un elemento en su estado hover, eso funciona, pero también hace la transición al recargar la página o al hacer clic (ya que es un ...
0
votos
2respuestas
64 vistas
CSS y HTML como centrar cuadros de formulario
Hola buena tengo una duda no se como alinear los cuadros de textos(input) y los label que queden bien centrados, el caso es que también tengo un textarea, para hacer el típico formulario pero no me ...
2
votos
1respuesta
27 vistas
Como aparecer overflow-x
Construí una tabla adaptativa con Bootstrap, usando el siguiente código:
<div class="table-responsive">
<table class="table table-striped">
...
</table>
...
0
votos
1respuesta
31 vistas
imagen gif como loader, sobrepuesto de manera traslúcida a contenido de elemento DIV con CSS
Tengo el siguiente código html que se muestra en una parte de las entradas de WordPress
#descarga {
position: relative;
}
.overlay{
position: absolute;
display: block;
width: 100%;...
0
votos
2respuestas
39 vistas
Spinner css centrado sobre elemento html con contenido visible (transparencia)
Tengo varios elementos HTML como los siguientes, y ya que no soy muy bueno con los efectos CSS, les agregué un Spinner prefabricado que me encontré en este sitio: CSS Spinner
.loader,
.loader:...
0
votos
2respuestas
35 vistas
¿Por que el formulario no se envia?
Por alguna extraña razon el formulario no se envia al hacer click al boton de submit. Es la primera vez que me pasa y no logro encontrar la solucion. Ya intente cambiando el button por un input y ...
0
votos
1respuesta
19 vistas
¿Solucionar problema con column-gap en css grid?
Buenas tengo un problema usando css grid, al tratar de dar un column gap este se sale del tamaño de pantalla que tengo es decir aparece el scroll horizontal, tengo esto en el css
.container{
margin:...
0
votos
1respuesta
24 vistas
Problema al momento de insertar datos de un select en una tabla MySQL
mi pregunta va orientado a lo siguiente: lo que pasa es que realicé una consulta a una tabla llamada "Usuarios" específicamente al campo llamado "nombre_completo", el dato de ese ...
0
votos
1respuesta
36 vistas
Quitar lineal azul de un icono
Hola resulta que puse estos iconos de redes sociales en el footer y realmente no recuerdo como se quitaba esa linea que creo que es ocasionada con el href que al pasar el puntero por el icono se ...
0
votos
1respuesta
43 vistas
¿Como imprimir de forma correcta los datos de una consulta?
Buenas resulta que yo tengo una tabla (creada con divs) en la que quiero que vayan los resultados, seria como esta y se me están imprimiendo los resultados por toda la pantalla de esta forma. Solo el ...
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 ...
3
votos
2respuestas
39 vistas
Todavia se necesita los prefijos de navegador para las gradientes?
Es que estoy leyendo un libro de desarrollo web del 2017 y ahi me pide insertar los prefijos tal como:
background: -webkit-linear-gradient(top right, #FFFFFF, #666666);
y tengo la duda si en el 2020 ...
0
votos
3respuestas
32 vistas
¿Por que el video incrustado en un iframe en local aplica el css pero subido a internet no aplica el estilo?
El problema es que un estilo se ve aplicado cuando trabajo con el iframe en local, pero al subirlo a internet el iframe no respeta ningun estilo.
el html es este
<div class="iframe-container&...
0
votos
1respuesta
24 vistas
Largo de imagen CSS
Hola tenia una duda bastante breve que e estado bastante rato intentando solucionar y no se si alguien podría ayudar, resulta de que necesito poner una imagen como banner para un video de YouTube pero ...