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,519
preguntas
0
votos
0respuestas
31 vistas
tengo problemas con carga de imágenes en Iphone
Estoy construyendo una pagina que lleva alguna imagenes y tengo el siguiente problema. En todas las plataformas las imágenes se cargan correctamente, salvo en Iphone y no probé en Ipad, en realidad ...
1
voto
0respuestas
87 vistas
Incrustar botón en imágenes de un Slider
Tengo la tarea de hacer pequeñas modificaciones a una WEB y una de ellas es crear un Slider de 3 imágenes.
Mi problema está en que debo añadir un botón (que diga "Mas Información") por cada ...
0
votos
0respuestas
40 vistas
Ejecutar css antes de html
Tengo un archivo css donde un <div></div> llevaba con css el transition, pero el div se ponia con innerHTML después con el js, pero se puede ver que el div se ejecuta como con retraso ...
0
votos
1respuesta
37 vistas
como posicionar div frente a todas la imagenes del slideshow?
estoy cargando imagenes dinamicas alojadas en una carpeta para poblar un slideshow, hasta aqui todo bien.
Ahora intento poner un reloj en la esquina superior derecheca, pongo el div pero el reloj me ...
0
votos
1respuesta
167 vistas
Problema con Collapse Sidebar menu en Vue JS
espero esten bien, estoy tratando de hacer un sidebar menú tomandome de este ejemplo pero no me funciona...
https://bootstrapious.com/tutorial/sidebar/index4.html He importado el codigo del demo 4 de ...
0
votos
0respuestas
28 vistas
Quitar raya blanca de debajo de un video
Estoy intenando quitar la linea blanca que se ve abajo del video y no hay manera. ¿Cómo puedo hacerlo?. He intentado de todas las maneras pero sigue ahí. Le he puesto la raya azul como veis en la foto ...
0
votos
1respuesta
181 vistas
Que debo usar para normalizar los estilos en css
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
Estoy usando esos códigos para resetear los estilos del navegador, hace poco vi un tutorial en donde se indica que es ...
0
votos
1respuesta
38 vistas
¿Cómo agregar correctamente tipografías de Google Fonts?
Tengo una duda.
Al utilizar tipografías de Google Fonts, ya sea por el metodo import en CSS o en , al momento de recargar la pagina se logra apreciar durante un segundo la tipografía por defecto del ...
1
voto
0respuestas
22 vistas
¿Cómo oculto una animación inicial al momento de cargar la página css (Sin javascript)?
Lo que estoy haciendo es un menú con una animación de entrada y salida pero el problema aquí es que la animación de salida (sin hover) aparece cuando carga el sitio por lo cual le coloque un div la ...
0
votos
1respuesta
34 vistas
error de bootstrap 4.5 no mantiene la maquetación correcta
tengo un error al cambiar de tamaño para diferentes dispositivos, cuando esta en dispositivo mobile no respeta el ancho que le corresponde, pero a otros input si lo respeta y tengo que actualizar el ...
1
voto
0respuestas
11 vistas
Hacer que los pseudoelementos : before :after sean responsivos
No se como hacer para que los elementos :before(en este caso "<") y after(en este caso "/>" sean responsivos. Me gustaría que a la vez que agrando la pantalla se mantuviese ...
0
votos
1respuesta
12 vistas
Evento de click para thumbnail en dropzone
Estoy haciendo uso de la libreria dropzone y necesito detectar el click en el thumbnail para añadir una descripcion para la imagen y tener un identificador o una relación entre descripcion e imagen, ...
2
votos
1respuesta
44 vistas
Poner una capa :before con el mismo tamaño y ancho de una imagen redonda y que sea responsive
Primero muchas gracias por el trabajo que hacéis. No sabéis cuanto nos ayudáis a los que estamos empezando.
Estoy intentando poner una capa sobrepuesta con el método :before encima de una imagen ...
-1
votos
1respuesta
14 vistas
Imágenes redondas responsivas
Primero muchas gracias por el trabajo que hacéis. No sabéis cuanto nos ayudáis a los que estamos empezando.
El caso es que lo que mas quebradero de trabajo me da es hacer que las imágenes redondas ...
0
votos
0respuestas
27 vistas
CSS 3 animate it no funciona en bloque de código de MVC
estoy diseñando un VIEW en MVC, sin embargo al integrar el "CCS 3 animate it" me estoy dando cuando que las animaciones que están dentro de un bloque de código no funcionan, por ejemplo:
tengo lo ...
0
votos
1respuesta
310 vistas
Añadir efecto “transition” en Javascript para slider automatico
Tengo un slider automático, no tengo el efecto que deseo en cada cambio de imagen
Quiero usar margen izquierdo de n píxeles en cada elemento y que al aplicar ese cambio haya una transición de n ...
0
votos
0respuestas
7 vistas
Problema con radial-gradient y forma circular
Estoy intentando simular un efecto linterna muy simple pero estoy teniendo algún problema a la hora de conservar la forma circular al mover el ratón por encima.
A continuación os muestro el código y ...
0
votos
0respuestas
23 vistas
Añadir Eliminar Clase Bucle ID DIV Jquery
estoy intentando modificar mediante un click en un boton los div cuyo id (ejemplo #columna-inmuebleN) donde N es numero consecutivo 1 2 3 4 5 6 7 8 9 y 10
<script>
$(document).ready(function(){...
0
votos
1respuesta
81 vistas
¿Como centrar un elemento dentro de un contenedor que a su vez tiene un elemento flotante?, el elemento flotante define el alto final del contenedor
Quisiera que el elemento que tiene el h1 y los párrafos este centrado en el header, ese header tiene un flotante, Por eso para centrar el elemento antes mencionado lo que he intentado fue, darle un ...
0
votos
1respuesta
51 vistas
problemas con el router link
tengo una aplicacion de angular y css
este es el codigo
<section class="section section--menu" id="Valentine">
<h2 class="section__title">Valentine</h2>
<span class="link-copy"&...
2
votos
2respuestas
136 vistas
Unificar este código css para reutilizar clases
tengo este código CSS que me funciona, pero he intentado unificarlo y no me funciona.
#menu-header-neumaticos > a > span.menu-mobil {
border-bottom: none !important;
color:white;
}
#...
1
voto
1respuesta
52 vistas
Problema CSS con background distinto en diferentes elementos
Buen día compañeros, que pena la molestia. Estoy tratando de hacer lo siguiente.
Ya he hecho varias cosas, solo me hace falta cambiar el background-color, he intentado con nth-child pero no me sirve. ...
0
votos
0respuestas
27 vistas
No puedo poner la barra de navegación completamente de un color
Estoy haciendo un proyecto en MVC ASP .Net y la barra de navegación si cambia de color pero no el header completo sino solamente una parte y esteticamente se ve fatal, ¿como se puede solucionar?. He ...
0
votos
0respuestas
69 vistas
menu vertical responsive en html,css, y js
cuando lo hago responsivo me muestra el menú y cuando le doy clic para que me mande al enlace de la pagina me dirige pero el menú no se oculta como puedo hacerle para que se quite cuando ya me halla ...
0
votos
0respuestas
17 vistas
Boton css solo reproduce una animación
Tengo un botón con dos animaciones, una que se reproduce al cargar la página (escala) y la otra cuando haces click en el (shadow-pulse). El problema es que cuando hago click se ejecuta otra vez la ...
0
votos
1respuesta
30 vistas
Código Java Script no funciona si es que no se encuentra dentro del Documento HTML
Este es el docuemtno HTML donde esta enlazado el codigo Java Script.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="...
0
votos
0respuestas
62 vistas
Problemas al compilar con sass
tengo un problema al compilar mi archivo .sass, la cuestión es que cuando ejecuto la compilación por primera ves el se ejecuta y guarda normal pero al hacer otro cambio muestra el error que aparece en ...
0
votos
1respuesta
30 vistas
Como hacer tabla datatable responsiva al agregar paneles a su izq o der?
En el siguiente ejemplo en el JS creo una tabla basica datatable, creo de forma sencilla las funciones para abrir y cerrar los paneles y defino la data con la que se llenará la tabla por medio de una ...
0
votos
1respuesta
14 vistas
como llegar a SPAN para afectarlo CSS
Como puedo llegar al span dentro del div para poder aplicarle CSS ya intente ">" y "child" que mas puedo hacer?
div.br_alabel.br_alabel_type_text.berocket_alabel_id_10....
0
votos
0respuestas
24 vistas
Prefijos en IE y Safari
Tengo un inmenso problema, estoy usando prefijos para que mi pagina se vea bien en los distintos navegadores, almenos en algunos, pero estos prefijos parecen no servir, estoy checando en IE y Safari y ...
1
voto
2respuestas
80 vistas
como evitar que un Dropdown usando boostrap salga de la pantalla
Saludos cordiales comunidad SO, nuevamente solicito su ayuda
tengo este problema.
EL dropdown de boostrap sobresale de la pantalla y no he encontrado la forma de hacer que este no lo haga. he ...
2
votos
1respuesta
66 vistas
Imitar comportamiento de slideToggle() [de jQuery] con React
Estoy intentando implementar con react un comportamiento similar para un menú desplegable como el que proporciona slideToggle() de jQuery. Por ejemplo cuando se presiona el botón del menu:
Con ...
0
votos
0respuestas
29 vistas
Propiedades CSS no se aplican en grid layout
estoy teniendo un problema con un grid que estoy intentando hacer,
sucede que las propiedades CSS no se aplican al grid, cuando quiero colocarlos en determinada posición.
Tengo un div grid contenedor ...
0
votos
0respuestas
37 vistas
CSS - Modificar el tamaño de la fuente cuando el dispositivo es un mobil
tengo este código css para mi plantilla html5 que me funciona perfectamente para desktop, el código es tal como este, la fuente me coje una fuente de tamaño standard que para PC esta bien, pero en ...
0
votos
0respuestas
34 vistas
No funciona mi código correctamente en responsive grid view
No me funciona correctamente en responsive design, ¿alguien me puede ayudar? es una tarjeta 3d que hace flip al hacer click. Comparto mi código a continuación:
function flipit(el, boo) { if(boo ==...
0
votos
0respuestas
58 vistas
Establecer la misma altura para cards con flexbox
mi consulta es sobre las alturas en diseño de cards. Quisiera obtener que los cards tengan la misma altura, para lograrlo utilizo la propiedad height en el selector de los titulos del card. Trate de ...
0
votos
0respuestas
34 vistas
Poner un menu debajo de un logo
Estoy tratando de poner mi menú debajo de un logo, pero o he podido hacerlo, este es el codigo que estoy usando
img.logo{
vertical-align: middle;
}
#logo{
float: left;
width: 540px;
...
0
votos
1respuesta
35 vistas
Propiedad position me genera un scroll
Hago que el elipse del fondo quede cortado hacia la derecha:
Con las propiedades
<span class="decoration-background-hero">
<img src="./images/bg-tablet-pattern.svg" alt="">
<...
0
votos
1respuesta
70 vistas
¿Cómo puedo ignorar estilos que ya tenga definido el <a>?
Estoy trabajando en una plantilla de eSports, quiero crear mi propia página pero no entiendo como puedo hacer esta separación. Daré un ejemplo visual (Es una plantilla descarga de Internet);
Pero, ...
0
votos
1respuesta
33 vistas
Cambio de imagen al hacer hover con tiempo de transición
Estoy intentando cambiar una imagen, en especial es el logo de la web... Aparecerá solo en color blanco y al pasar el mouse debe verse el logo a color, para esto use 2 imágenes y el código de abajo, ...
0
votos
0respuestas
10 vistas
Problema con jerarquia
Tengo dos apartados, uno de titulo con sus respectivas imagenes (fixed) y una linea (adsoluta y relativa) pero mi linea pasa por sobre mi titulo y menu lo cual quiero evitar, porque debe pasar por ...
1
voto
1respuesta
90 vistas
Filtrar datos de una tabla y alternar color en filas con CSS y JQuery
Estoy trabajando con un sistema y estoy en la parte en la que tengo que filtrar datos que muestro en la tabla, dicha tabla usa las pseudo clases nth-child(odd) y nth-child(even) para alternar colores ...
0
votos
1respuesta
45 vistas
HTML-iframe no muestra menu despegable
Este es el html que quiero llamar dentro del iframe. Como ven, es un dropdown dentro de una lista que hará de header en varias paginas.
<!DOCTYPE html>
<html>
<head>
<title&...
1
voto
1respuesta
52 vistas
¿Cómo ordenar cuadros sin que se pierda la posición con css?
Estoy generando desde php los datos que van a ir varios cuadros, este es mi código como lo genero:
<?
$productos=array(
array("nombre"=>"food", "imagen"=>"http://lorempixel.com/...
0
votos
0respuestas
18 vistas
¿Escribirle position adsolute a un nav y que tenga un padre con relative : hace que a este no se le pueda agregar transition o trasform?
Tengo mi código HTML pero el nav tiene position adsolute, también tiene un padre con position relative quiero que se desplace a la izquierda con transform pero no lo hace, no se que pasa.
0
votos
1respuesta
69 vistas
Necesito hacer la función en Javascript donde en un input se escriba la primera letra mayúscula y luego minúsculas cada palabra [cerrada]
Buenas noches mi pedido de apoyo es el siguiente, quiero que en el input al escribir las primeras letras sea mayúscula y luego minúsuclas y se repita por cada palabra ejemplo cuando en el input ...
0
votos
1respuesta
36 vistas
lograr hacer menú con HTML y CSS
hola he estado intentando hacer una copia del menú de apple con html5 y css3. lo que pasa es que cuando he intentado solucionar un error con el tema del icono de la barra del buscador no me funciona, ...
0
votos
0respuestas
14 vistas
Mi aplicacion de rails pierde el javascript y el css de vez en cuando, y tengo que recargarla, que podria ser?
La mayor parte del tiempo se ve normal pero hay momentos en los que parece que el css o el javascript no cargan y las cosas se salen de su lugar, intente buscar que podría ser pero no entiendo porque, ...
0
votos
0respuestas
31 vistas
¿Como cabiar los border en los input shearch usando el apperance?
buenas tardes chicos queria saber si se pudiera cambiar algunos atributos usando el icono de lupa que sale usando appearance: searchfield;
por ejemplo los queria cabiar los border 1px y que sea ...
0
votos
1respuesta
25 vistas
¿Cómo hacer que las imágenes se muestren verticalmente cuando se llegue a cierto breakpoint en Flexbox?
Tengo un <div> con flex-direction: column; en el que se muestran imágenes en el. Sin embargo cuando se empieza a acortar el ancho de la pantalla llega un momento que el ancho de las imágenes ...