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.

Filtrar por
Ordenado por
Etiquetadas con
4 votos
2 respuestas
85 vistas

Error al crear efecto con css

Quiero realizar el siguiente diseño con css, pero no me funciona. Este es mi código. .card-face-path { background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, ...
Avatar del usuario Dayana Castillo
0 votos
1 respuesta
165 vistas

¿Cómo hacer esta animación?

Buenas, ando buscando como puedo hacer en CSS la siguiente animación. Tengo un Icono de user y un texto Ingresar en mi header, y lo que quiero hacer es que al hacer mouseover sobre ese icono salga ...
Avatar del usuario Santiago D'Antuoni
0 votos
1 respuesta
309 vistas

Incompatibilidad de navegadores de web diseñada en bootstrap

Tengo una web diseñada en bootstrap. Al abrir la página en chrome funciona correctamente. Pero con internet explorer, nada que ver. Cómo consigo mantener los colores de los textos y los colores de las ...
Avatar del usuario miaweb
  • 41
2 votos
1 respuesta
424 vistas

Transicion a elementos creados dinamicamente

Estoy creando un sistema para subir imágenes con drag and drop, la idea es que cada imagen se vaya agregando vaya apareciendo en una cuadricula, utilizo promesas para que la imagen solo se aparezca ...
Avatar del usuario Edwin V
  • 1,179
0 votos
1 respuesta
2k vistas

no funcionan correctamente las reglas de flexbox en css3

tengo entendido que flexbox es un modelo de layout que permite tener contenido flexible y responsive, he visto un video en youtube donde se muestra como hacer una cuadricula perfecta, he seguido todos ...
Avatar del usuario steven
  • 143
0 votos
3 respuestas
7k vistas

CSS: Width de 100% real

Buen día. Tengo un body de ancho del 100% y dentro un div del mismo ancho. El problema es que el div está tomando 100% de la pagina visible y no el 100% real. Es decir, si tengo la ventana del ...
Avatar del usuario Facundo Díaz
1 voto
1 respuesta
5k vistas

Alinear elementos en 2 columnas dentro de un div

¿Es posible alinear diferentes articles dentro de un div, tocando el CSS del div? También podría tocar el CSS referente a los article, pero estos cargan según las publicaciones. Éste es mi código: ...
Avatar del usuario manespgav
3 votos
3 respuestas
62 vistas

Diferenciar entre terminal móvil y Monitor en grandes resoluciones

Estoy haciendo un diseño de una web usando bootstrap 3 . Al hacer el diseño para terminales de gran resolución , me encuentro que los teléfonos actuales tienen el mismo ancho que los monitores ...
Avatar del usuario Miguel Tabernero
0 votos
1 respuesta
78 vistas

¿Cómo anular el cambio automatico de ancho de las columnas de Bootstap?

Como bien sabréis a los 991px o menos Bootstrap aumenta el ancho de las columnas automáticamente al 100%. Bien pues a los 991px me parece excesivo, lo que me gustaría es reproducir ese mismo ...
Avatar del usuario Adrià Fàbrega
1 voto
2 respuestas
4k vistas

Posicionar un div dentro de otro en la parte superior y los demas abajo

tengo un div padre y dentro 4 div internos hijo uno al lado del otro, dentro de cada div hijo tengo 3 div; uno contiene un titulo, el otro una imagen y el ultimo un icono. He notado que se alinean ...
Avatar del usuario Daniel
  • 439
0 votos
2 respuestas
252 vistas

No consigo hacer una transición al mostrar elemento

Buenas, Tengo un pequeño script que me muestra la cabecera de la web (menú) al hacer scroll hacia arriba. Cuando eso ocurre añado una clase con la posición fixed, sin embargo soy incapaz de agregar ...
user avatar
3 votos
2 respuestas
398 vistas

¿Cómo añadir una capa oscura a la imagen de fondo sin que afecte al contenido y contorno del texto?

En algunos casos existen imágenes con colores que no se pueden adaptar al color del texto una de las primeras opciones es aplicarle una capa oscura con un color transparente. El problema de ...
Avatar del usuario May
  • 583
0 votos
1 respuesta
112 vistas

Panel fijo en el "fonde" de la pantalla (responsive)

Estoy armando una web con angular2 y css. En una vista, tenga 1 grilla y necesito agregarle en la parte de abajo de la pantalla una panel de acciones que esté siempre fijo abajo (tiene que ser ...
Avatar del usuario Emiliano Torres
0 votos
4 respuestas
3k vistas

Algunas dudas con materialize

bueno al final pude hacer mi web responsiva, yo pensaba que esas cosas se hacían manualmente, y resulta que existian framework ufff, bueno en fin, tengo algunas dudas que me quedaron pendientes: Por ...
Avatar del usuario Strelok
  • 395
1 voto
1 respuesta
216 vistas

Problema con mixing básico en sass y sintaxis scss

Hola tengo el siguiente código,estoy practicando los mixins de sass con la sintaxis scss(por que soy medio bruto y con tabulaciones me pierdo xD),se supone que de esa manera es la forma de crear el ...
Avatar del usuario Kelebra93
  • 109
5 votos
1 respuesta
2k vistas

¿Cómo cambiar el color de un checkbox?

Buenas tardes, necesito cambiar el color de un checkbox en estado inactivo que se encuentra en una columna, con un theme de primefaces pero no se como hacerlo. Codigo: <p:column id="...
Avatar del usuario Critical Ghost
1 voto
1 respuesta
1k vistas

Tengo una duda con Materialize css

soy nuevo en materialize, pero me parece un framework genial, me arrepiento de no haber hecho uso de el en otros proyectos, porque realmente facilita el diseno, pero mi problema es el siguiente, ...
Avatar del usuario Strelok
  • 395
0 votos
2 respuestas
11k vistas

Desplegar submenu al pasar el mouse sobre el LINK del menu

Buenas tardes, estoy comenzando a aprender HTML, en este caso estoy experimentando con los menu, y quisiera que se abra el submenu al pasar el mouse sobre el link de los menu. Este es el menu ...
Avatar del usuario Jorge Requez
0 votos
3 respuestas
7k vistas

Coordinar barra lateral y navegador co bootstrap

Buenas! Lo primero de todo soy un supernoob con páginas web y he tomado la mala decisión de usar bootstrap en mi primer proyecto de la universidad, así que agradecería todo consejo que podáis darme :...
Avatar del usuario Pablovg
  • 63
0 votos
2 respuestas
1k vistas

Se borra la SESSION en PHP cuando hago clic en un botón o toco F5

Formule mi pregunta en esta pagina pero en su versión oficial, pero me cuesta mucho expresarme correctamente en ingles. INTRODUCCIÓN Tengo un sistema en PHP que tiene dos tipos de usuarios, ...
Avatar del usuario Strelok
  • 395
3 votos
1 respuesta
17k vistas

Padding/Margin de bootstrap

Estoy aprendiendo a usar bootstrap haciendo una página basándome en un modelo y no consigo quitar el margen a la izquierda del botón de inicio. He probado muchas cosas cambiando el css (modificando ...
Avatar del usuario Pablovg
  • 63
6 votos
1 respuesta
132k vistas

Asignar tamaño fijo a las columnas de una tabla HTML

Como puedo establecer un tamaño fijo a un <td> independientemente del contenido de las celdas, de modo que las columnas no pierdan su tamaño, por ejemplo: <table style="width:100%" ...
Avatar del usuario José MN
  • 325
1 voto
2 respuestas
203 vistas

No me funciona la perspectiva en CSS

Tengo el siguiente codigo código, pero por alguna razón no me funciona. #bienvenida1{ width:880px; height:320px; position:relative; top:50px; left:40px; perspective:150px; -webkit-...
Avatar del usuario Nemeium
  • 35
1 voto
1 respuesta
3k vistas

Jumbotron de tamaño completo dentro de un container

Estoy creando una aplicación de una sola página, que funcionará solo en navegadores y los sub-componentes se cargan dentro del componente principal, mas o menos así: <div class="container"> &...
Avatar del usuario toledano
  • 5,136
5 votos
1 respuesta
122 vistas

¿Cómo mostrar en el menú activo un listado de opciones/menú?

Estoy imitando el diseño de esta plantilla CMS como se puede observar en el diseño de la imagen se observa que en el menú activo Dashboard muestra un listado de opciones del panel de control CMS He ...
Avatar del usuario Alex
  • 97
2 votos
1 respuesta
7k vistas

¿Cómo eliminar el espacio entre este header y el nav?

Buenas tardes. Estoy empezando en esto de la programación web con HTML5 y CSS3 y próximamente JS, y al hacer un intento de página web, sin tener ninguna función actual, tras haber hecho el header que ...
Avatar del usuario Javier Green
1 voto
1 respuesta
593 vistas

Dar altura determinada a un div entre un menu y un pie

Tengo un menú que esta situado arriba y un footer abajo situado con bottom:0. Ahora he añadido un div y quiero que me ocupe todo el espacio entre el menu y el footer.He probado con height: 0 auto y ...
Avatar del usuario Borja Sanchez
1 voto
3 respuestas
2k vistas

¿Cómo evitar que texto dentro de inputs tengan transparencia?

saludos, tengo este codigo background-color: rgb(0, 0, 0); opacity: 0.102; que me permite que el formulario sea transparente ya que de fondo hay una imagen y un gradiente colocado de esta forma ...
Avatar del usuario Michel Novellino
5 votos
1 respuesta
19k vistas

¿Colocar texto de celda de tabla html en forma vertical?

Estoy buscando la forma de colocar el texto de una celda en forma vertical, hay un código CSS que uso el transform para hacer eso pero al usarlo lo que hace es rotar toda la celda y daña el diseño. Lo ...
Avatar del usuario Fabian Montoya
1 voto
1 respuesta
234 vistas

Problemas con anclas en navegadores

Resulta que estoy creando una plantilla WordPress y tengo problemas para redireccionar a partes específicas de la zona, como la página principal. Quiero ir a esta página, que obviamente por el ancla ...
Avatar del usuario Luis Morales Ponce
0 votos
1 respuesta
7k vistas

Problema con Media Queries CSS

Buenas días, compañeros. Vengo con la siguiente duda. Tengo una media query para poner un fondo de pantalla en mi master, situada en el body. body { background : url('../../escritorio.png'); ...
Avatar del usuario IngErick
2 votos
5 respuestas
38k vistas

Anular el valor de una propiedad CSS

Estoy editando un archivo CSS, quiero anular el valor de esa propiedad, pero no quiero fijar un nuevo valor. Tengo el archivo A, que no puedo editar. .menu a { padding: 20x; } Así que ahora creo ...
Avatar del usuario toledano
  • 5,136
3 votos
2 respuestas
959 vistas

iframe para banner responsive

Buen día. Estoy teniendo problemas para hacer un banner responsive creado con <iframe>. Estoy usando el mismo método que uso para los vídeos, pero en este caso no me está funcionando. Código ...
user avatar
0 votos
1 respuesta
2k vistas

¿Como fijar un footer en la parte inferior con CSS responsive?

Tengo un footer el cual le he puesto el siguiente estilo: <footer class="page-footer white" style="position: relative;bottom: 0%;width: 100%"> Cuando la pantalla esta completa el footer se ...
Avatar del usuario JDavid
  • 1,406
3 votos
1 respuesta
65 vistas

¿Cómo crear efecto en el menú cms? [cerrada]

La idea es tener el primer enlace del menú siempre activo en este caso sería la estadísticas del sitio. Adicional de ello el apartado del resto del menú activo (Live stream, List growth, Web, Mobile ...
Avatar del usuario Alex
  • 97
1 voto
3 respuestas
551 vistas

<a href> a un identificador con margen

Mi pregunta es si se puede hacer un a href a un id pero que te mande 5px mas arriba o 10px por ejemplo: <a href = "#nosotros"></a> <div id = "nosotros"></div> Que se vea de ...
Avatar del usuario Sergio Camilo
1 voto
3 respuestas
320 vistas

Cambiar progresivamente la opacidad de divs mediante CSS

Busco una solución puramente CSS al siguiente problema. Tengo un div que contiene un número indeterminado de divs, busco que dado un color RGB, por ejemplo, (0,0,0) y un range de valores de opacidad ...
Avatar del usuario Jose Hermosilla Rodrigo
0 votos
1 respuesta
308 vistas

diferencia entre .classList y .class

Este codigo es un progress-step para que se quede marcado voy eliminando la clase btn-default e insertando la clase btn-primary pero cuando agrego la clase porque me muestra undefined? y cuando usao ....
Avatar del usuario hubman
  • 2,724
0 votos
1 respuesta
893 vistas

Como controlar las dimensiones de la clase <div class="overlay"></div> de Bootstrap

El problema que tengo es que cuando tengo la página en pantalla completa se ve perfectamente la capa que oscurece la imagen y el slider, pero cuando voy a mirar la página en el movil, esta parte que ...
Avatar del usuario kikegg9
3 votos
1 respuesta
188 vistas

¿Cómo crear un menú para panel de control cms?

Cómo puedo imitar la plantilla de esta imagen de cms, lo he intentado de está manera pero no logro entender la forma correcta de utilizarlo en la imagen se observa un diseño mucho más complejo el menú ...
Avatar del usuario Alex
  • 97
5 votos
1 respuesta
1k vistas

Encabezados laterales en tablas

¿Cómo puedo crear encabezados laterales izquierdo en tablas? Por ejemplo, tengo la siguiente tabla: <table border="1" cellspacing="0"> <thead> <tr> <th>...
Avatar del usuario Iranh Canul May
6 votos
3 respuestas
418 vistas

Silueta de una imagen con color

Gracias a la respuesta de Rene Limón, pude crear una silueta en CSS así: #silueta img { -webkit-filter: grayscale(100%) brightness(0); /* Safari 6.0 - 9.0 */ filter: grayscale(100%) ...
Avatar del usuario Alvaro Montoro
  • 49.4k
1 voto
1 respuesta
35 vistas

¿Como insertar las imágenes siguientes en página de Wordpress, de manera que en cada Patrocinio o Fila de Imágenes se tenga un tamaño diferente?

Quisiera pasar estas imágenes, a Wordpress de manera que cada Fila de Imágenes o patrocinio tenga definido con CSS un tamaño distinto: Ejemplo: Fila de Imágenes de Patrocinio 1: width: 300px; height:...
Avatar del usuario Armando Arellano
3 votos
1 respuesta
306 vistas

Como implementar un Sidenav en mi sitio web?

Disculpen la molestia.La verdad es que me mandarían a buscar a Google al leer mi pregunta,pero ya he buscado y buscado y no encuentro un código para implementarlo en mi sitio ya que hacer una cosa ...
Avatar del usuario luis
  • 763
0 votos
1 respuesta
338 vistas

materialize + pug(jade) no funciona?

Tengo en mi layout esto doctype html html head title= title script(src="/javascripts/jquery-1.9.1.js") link(rel='stylesheet', type='text/css', href='/stylesheets/materialize.min.css') ...
Avatar del usuario hubman
  • 2,724
3 votos
2 respuestas
38k vistas

¿Como alinear imágenes html con css, en: varias filas y colocando en cada una de ellas, de 3 a 4 imágenes alineadas?

Intento desde wordpress insertar y alinear imágenes colocando de 3 a 4 en cada fila, ejemplo: ¿Como hacerlo con CSS, y ponerle la propiedad para que se vea responsive? <img> <img> &...
Avatar del usuario Armando Arellano
0 votos
1 respuesta
105 vistas

insertar varias galerías lightbox en la misma pagina

estoy realizando una pagina web en la cual debo poner varias galerías(lightbox) en la mismas pagina para ver diferentes vehículos con sus fotos, lo que sucede es que al dar clic en la foto de uno de ...
Avatar del usuario romario jimenez
1 voto
1 respuesta
415 vistas

Insertar varias galerías en la misma página

Estoy realizando un sitio web en el cual debo poner varias galerías en la misma página para ver diferentes vehículos con sus fotos. Lo que sucede es que al dar click en la foto de uno de los vehículos ...
Avatar del usuario romario jimenez
1 voto
2 respuestas
8k vistas

¿Cómo alinear divs verticalmente al lado derecho y un div al lado izquierdo?

¿Cómo pongo un div al lado izquierdo?, como el de la imagen de abajo. #container { display: flex; flex-direction: column; justify-content: center; border:1px solid; background-...
Avatar del usuario hubman
  • 2,724
4 votos
2 respuestas
764 vistas

No puedo mostrar un formulario modal popup

Trabajo con ASP.NET MVC 5 no puedo mostrar un formulario modal popup cuando lo llamo desde un botón flotante se muestra y automaticmente se cierra solo se ve segundos la vista modal popup. Muestro ...
Avatar del usuario Pedro Ávila
  • 4,097