Preguntas con la etiqueta [css]

Usar para preguntas sobre hoja de estilo en cascada o CSS (siglas en inglés de *cascading style sheets*).

Filtrar por
Ordenado por
Etiquetadas con
9 votos
3 respuestas
411 vistas

Selección de un texto [cerrada]

¿Qué debo hacer para que cuando un usuario seleccione un texto de mi página, salga de otro color en vez del color normal (azul y las letras blancas)?
Avatar del usuario rhssr
  • 117
9 votos
6 respuestas
93k vistas

Agregar 2 inputs uno al lado del otro en la misma columna

Estoy armando un formulario en Bootstrap, y quiero que en la misma fila y la misma columna haya 2 inputs, uno al lado del otro. Probé con la clase input-group, con la que pude agregar botones y ...
Avatar del usuario EliseoDB
  • 125
9 votos
4 respuestas
665 vistas

¿Es posible darle estilo a todas las ocurrencias de una palabra en un texto?

Me gustaría saber si es posible hacer esto que contemplo: Tenemos un texto que y quiero que resalte X Palabra, por ejemplo, Cada vez que ponga "Hola" aparezca escrito en Azul. Sin tener que etiquetar ...
Avatar del usuario Jesús
  • 201
9 votos
4 respuestas
6k vistas

Detectar si la orientación es vertical u horizontal

Quiero aplicar diferentes estilos CSS dependiendo de si la orientación del dispositivo es vertical (modo retrato o portrait) u horizontal (modo apaisado o landscape). ¿Se puede lograr sólo con CSS? ¿...
Avatar del usuario Alvaro Montoro
  • 49.4k
9 votos
1 respuesta
56k vistas

Quitar los bordes cuando este activo el input

Estoy intentando quitar los bordes del input cuando este focuseado o activo, pero no funciona de ninguna manera estoy usando bootstrap y sass, pero de ninguna forma esta funcionando aqui muestro lo ...
Avatar del usuario Asdrubal Hernandez
9 votos
2 respuestas
5k vistas

Poner color al range cuando el botón vaya aumentando o quitarlo cuando disminuya

Tengo el range pero sin color cuando el botón se mueve, quiero lograr que cuando se mueva el botón se vaya rellenando la barra de color. ¿alguna idea? En esta imagen se ve lo que quiero hacer ....
Avatar del usuario CODEADICTO
9 votos
2 respuestas
633 vistas

Alternativa: separar JS de HTML

Mi proyecto consta de un html y un archivo js que simulan el funcionamiento de un reloj analogico. Funciona correctamente pero quisiera no tener que hacer mención a la funcion js desde el html () como ...
Avatar del usuario Serantes
  • 155
9 votos
4 respuestas
2k vistas

Hover sobre botón de Bootstrap no funciona como debería, solo se aplica sobre los elementos

Tengo unos botones con bootstrap 4 y mdb, estoy intentando que al pasar con el mouse tanto el icono como el texto se animen, pero solo funcionan si paso por encima de cada uno de ellos y no sobre el ...
user avatar
9 votos
2 respuestas
1k vistas

¿Como obtener con Javascript el valor de la propiedades aplicadas a un elemento con CSS?

Tengo un código algo así: .position{ position:relative } <div class="position" id="position"></div> document.getElementById('position').style.position Resultado es " " Pero si lo ...
Avatar del usuario joedossman
9 votos
2 respuestas
1k vistas

Como crear una bola responsive con css y html?

Estoy creando "un bola de navidad" que gira. El problema y es que si el tamaño se lo doy con em o con px al hacer mas grande o mas pequeña la pantalla sigue siendo del mismo tamaño, pero si ...
Avatar del usuario alexmaza_wd
9 votos
1 respuesta
8k vistas

Mantener footer abajo (no fixed, no absolute) con css

Cómo se puede mantener el footer abajo de la página siempre, pero sin usar fixed o absolute, porque se pueden dar varios casos: En el caso de que el contenido no sea suficiente como para llenar la ...
Avatar del usuario Pavlo B.
  • 1,907
9 votos
4 respuestas
1k vistas

¿Comó agregar estilo a un checkbox?

Necesito agregarle un estilo a mi checkbox para que quede asi: este es mi codigo: <input type="checkbox" data-role="flipswitch" name="switch" id="switch"> Intente colocar este codigo, pero ...
Avatar del usuario Critical Ghost
9 votos
1 respuesta
290 vistas

Flex - Colocar elemento en espacio que sobra

Mi duda es que quiero colocar el div three justo debajo del div two y de esta manera el div one se ajustaría al alto de box, pero ese espacio(el de debajo del div two) esta "reservado" para el div two ...
Avatar del usuario ddiaalv
  • 171
9 votos
2 respuestas
2k vistas

¿Cómo generar un texto con degradado y sombra con CSS?

mi pregunta es sencilla, querría saber si existe alguna forma de rellenar la propiedad content con el contenido del elemento en cuestión. Os dejo aquí un ejemplo: .saludo::before { content: ...
Avatar del usuario Saul
  • 135
9 votos
2 respuestas
10k vistas

¿Cómo resaltar un elemento seleccionado en un menú?

Tengo el siguiente código: #main, #main ul, #main li, #main a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; ...
Avatar del usuario Akiva
  • 217
9 votos
2 respuestas
1k vistas

Aumentar el ancho a los gráficos width - angular

disculpen tengo un problemilla, tengo dos graficos highchart que quiero mostrar la mitad y mitad, he notado que cuando coloco fxLayout y fxFlex , los graficos se reducen a pequeño y quisiera que ...
Avatar del usuario PieroDev
  • 1,990
9 votos
2 respuestas
2k vistas

Oscurecer el fondo al clicar en botón flotante

Tengo un botón flotante con el que doy la opción de compartir mi página, al darle clic se despliegan las alternativas para hacerlo. Lo que deseo lograr es que al hacer clic en dicho botón, se ...
Avatar del usuario EMCode
  • 1,071
9 votos
1 respuesta
1k vistas

¿Cuál es la diferencia entre :before y ::before?

En varios ejemplos en internet he encontrado que utilizan a veces :before y otras veces ::before div::before { content: 'bla '; } div:before { content: 'bla '; } Los probé ambos y siempre me ...
Avatar del usuario Andrea
  • 123
9 votos
2 respuestas
113 vistas

jQuery: this no funciona como espero

Tengo la siguiente estructura: <div class="row"> <!-- Información (con clasificación) --> <div class="mr-3"> <?php echo '<span class="numero" data-contador="'.$contador.'"...
Avatar del usuario Javier Blanco
8 votos
5 respuestas
362 vistas

Como realizar esta imagen en CSS

Tengo una duda. Necesito realizar la siguiente imagen en CSS y no sé como hacerla, ya que comunmente se realizan cortes de torta u otros estilos. De momento, lo que he realizado es lo siguiente: ....
Avatar del usuario vk3r
  • 93
8 votos
1 respuesta
43k vistas

Bootstrap 4 Centrar vertical y horizontalmente

Con las clases de bootstrap logro centrar ambos div horizontalmente, más sin embargo también deseo que estén centrados verticalmente, que queden en el centro de la pantalla, adjunto el código que ...
Avatar del usuario Rico
  • 369
8 votos
3 respuestas
303 vistas

¿Cómo puedo reutilizar configuraciones de Bootstrap?

Estoy trabajando en los estilos de una serie de páginas con Bootstrap. Resulta que recurrentemente tengo que utilizar una serie de propiedades. Por ejemplo: class="col-md-5 text-center border border-...
Avatar del usuario fedorqui
  • 16.7k
8 votos
2 respuestas
4k vistas

Barra de progreso css

Estoy haciendo una barra de progreso simple usando <progress>, pero tengo un error cuando le agrego animación, sigue de largo y no me respeta el width: 100px; progress { border: none; ...
user avatar
8 votos
5 respuestas
24k vistas

Ocultar el texto de un div usando CSS

Supongamos que tengo el siguiente div: <div class="contenido"> <img src="pepito.jpg"> Hombre </div> Necesito ocultar el texto "Hombre". ¿Cómo lo hago? Con css claro esta
Avatar del usuario Karlos Yalta
8 votos
2 respuestas
18k vistas

¿Cómo puedo colocar texto encima de una imagen responsiva? [duplicada]

Necesito colocar texto encima de una imagen que es responsiva (estoy usando bootstrap 4). Pero el texto me queda por fuera, intento replicar esta carta (las figuras que están por fuera no). El texto ...
Avatar del usuario Alex Hunter
8 votos
2 respuestas
7k vistas

¿Qué es exactamente el selector /deep/ en CSS?

He estado investigando acerca del selector /deep/, debido a que he tenido que modificar los estilos de un input de la librería material design de google forzadamente con ese selector. He encontrado ...
Avatar del usuario dddenis
  • 4,003
8 votos
4 respuestas
15k vistas

¿Cómo posicionar elementos en una misma linea con css?

estoy tratando de hacer esto: pero solo he logrado hacer esto, no logro bajar el "docente" justo debajo del nombre: este es mi html: .image--cover { width: 55px; height: 55px; border-...
Avatar del usuario Talked
  • 421
8 votos
5 respuestas
2k vistas

¿ Como quitar hueco y hacer barra de navegación fija?

Hola estoy creando una web con bootstrap y quería que la barra de navegación se quedara fija y no subiera al hacer scrool. También queda un pequeño hueco en la parte superior de esta barra que no se ...
Avatar del usuario gemita
  • 78
8 votos
3 respuestas
277 vistas

Duda con asignación de clases e id

Estaba re-estructurando mi proyecto web de manera que quede algo más limpio y ordenado que antes, y me surgió una duda. Cuando hay una parte en la que ya se asigna una clase a varias cosas, pero no ...
Avatar del usuario Lucía
  • 1,663
8 votos
1 respuesta
1k vistas

¿Cómo hacer secciones irregulares con div?

Tengo que hacer secciones en una web con divs, tienen que ser irregulares, (adjunto la imagen de ejemplo ---> hay que tener en en cuenta que encima van imágenes y textos, mejor ver la imagen que el ...
Avatar del usuario Elena Menéndez
8 votos
2 respuestas
4k vistas

WEB | Cerrar ventana modal con botón atrás/volver de teléfono móvil

Buen día, Estoy diseñando un sitio web que funciona básicamente en 1 sola página, toda la información se muestra pulsando botones que abren una ventana modal, y se cierra presionando un botón hide (...
Avatar del usuario Jheyman Mejia
8 votos
2 respuestas
991 vistas

¿Cómo puedo hacer un menú accesible?

Tengo el siguiente menú (simplificado): nav ul, nav li { display:inline-block; list-style:none; margin:0; padding:0; } nav > ul { background:#ccc; height:40px; width:...
Avatar del usuario Alvaro Montoro
  • 49.4k
8 votos
2 respuestas
345 vistas

CSS condicional al idioma

Cuando se incluye una hoja de estilos CSS, se puede especificar directamente en la etiqueta link la media query con la condición que debe cumplirse para que se apliquen esos estilos: <link rel="...
Avatar del usuario Alvaro Montoro
  • 49.4k
8 votos
4 respuestas
39k vistas

¿Como puedo alinear algunos componentes de un navbar de bootstrap3 a la izquierda y otros a la derecha?

Partiendo de un navbar de Bootstrap estándar necesitamos que algunos botones o links estén alineados a la izquierda, otros al centro (por ejemplo: nuestro icono brand) y otros a la derecha. Esto fue ...
Avatar del usuario Alan
  • 2,272
8 votos
1 respuesta
122 vistas

Mi animación no funciona en la última sección de mi proyecto

Estoy haciendo como mi primer portafolio donde tiene varias secciones, las cuales son: About Me (información sobre mí) Proyectos Grilla de contacto Lo que intento hacer, con JS Y CSS, es que a ...
Avatar del usuario FERRE FACU
8 votos
1 respuesta
385 vistas

Aplicar animation a div con background image

Tengo el siguiente código #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 100; } #loader { width: 150px; height: ...
Avatar del usuario EMCode
  • 1,071
8 votos
0 respuestas
665 vistas

CSS: Parpadeos indeseados con "transform: scale;"

Tengo un formulario-contenedor que muestra fotos con cierta información adicional; en realidad está incluido en un bucle de PHP, por lo que se muestran tres a la vez: También tengo un script jQuery ...
Avatar del usuario Javier Blanco
7 votos
4 respuestas
2k vistas

¿Cómo mostrar una imagen cuando me apoyo en un div?

Tengo un div con ancho y largo fijo. Lo esperado sería que al pasar sobre este div, se muestre una imagen con una transición en una posición absoluta definida. Estoy usando solo CSS3 y Html. ...
Avatar del usuario nawelittle
7 votos
6 respuestas
39k vistas

Como poner primera letra en MAYÚSCULA con CSS

Estoy tratando de colocar un texto que viene en MAYÚSCULAS con la primera letra mayúscula y las otras minúsculas, el texto no se puede modificar por js ni por html. ¿Existe hay alguna forma con CSS de ...
Avatar del usuario zerokira
  • 1,915
7 votos
3 respuestas
1k vistas

¿Hay alguna diferencia entre left y margin-left?

Me gustaría saber cual es la diferencia, si existe alguna, entre left y margin left o right y margin right en CSS. ¿Puede ser que la diferencia esté que uno es CSS y otro CSS3?
Avatar del usuario largoWinch
7 votos
4 respuestas
602 vistas

¿Cómo pongo con Boostrap dos cadenas una al lado de la otra con un estilo diferente?

Quiero poner en Bootstrap un contenido determinado que sea texto con dos estilos distintos, algo así como: Holahola O bien: Holahola Usando fundamentalmente propiedades CSS que ya tengo definidas ...
Avatar del usuario fedorqui
  • 16.7k
7 votos
2 respuestas
654 vistas

Problema al cambiar getElements de ID por ClassName

Estoy intentando que los usuarios puedan cambiar el color principal (.primary-color) de mi página, escogiendo entre unos colores preestablecidos. Encontré este pequeño snippet function change(i) ...
Avatar del usuario EMCode
  • 1,071
7 votos
2 respuestas
1k vistas

Aplicar hover desde la posición del cursor

Tengo el siguiente html y css, quisiera que el efecto hover que tengo dentro del div hijo se pueda aplicar desde cualquier lugar del div padre y se propage desde allí mismo, esto es lo que tengo: ...
Avatar del usuario Jorius
  • 6,360
7 votos
3 respuestas
60k vistas

Tamaño de columna fijo en una tabla Bootstrap

¿Como logro que el tamaño de la columna sea el mismo para todas? He intentado cambiando el atributo width a un valor fijo o utilizando col-md-* dentro de los <th> pero no cambia nada, el ...
Avatar del usuario Javier Cárdenas
7 votos
2 respuestas
646 vistas

¿ Como cambio el color de los enlaces en dispositivos móviles?

Hola tengo problemas con mi web en dispositivos móviles, la cosa que el botón de enlaces en una pagina me sale a la izquierda y en otra sale a la derecha. Pero el texto que se muestra al pulsar el ...
Avatar del usuario Miguel Espeso
7 votos
1 respuesta
4k vistas

¿Cómo detectar si el dispositivo es iPhone con CSS?

Tengo un sitio web que se ve perfectamente en un ordenador de escritorio y en dispositivos Android, pero parte del CSS (p.e. background-attachment:fixed con background-size:cover) no es "compatible" ...
Avatar del usuario Alvaro Montoro
  • 49.4k
7 votos
2 respuestas
1k vistas

Cargar CSS según dispositivo con Bootstrap

Tengo un archivo master.css donde defino estilos generales y dos archivos más llamados movilices.css y screen.css que definen estilos específicos para cada dispositivo, ¿cómo puedo realizar la carga ...
Avatar del usuario Cristofer Fuentes
7 votos
2 respuestas
137 vistas

¿Cómo poner todos los botones en línea?

Con una muestra de código estoy creando botones de compartir. Es un primer botón del que al pasar el ratón aparecen los dichos botones. En principio eran 4 botones y yo añadí otro más. El problema ...
Avatar del usuario Miguel Espeso
7 votos
5 respuestas
59k vistas

No puedo centrar elementos de form HTML

Estoy con algo sencillo, pero que por alguna razon no puedo lograr. Como dice el titulo, no puedo centrar los elementos de un formulario HTML. Queria ver si me podian dar una mano. Aca el codigo: <...
Avatar del usuario Facundo Curti
7 votos
3 respuestas
2k vistas

¿Cómo hacer para que una frase no se corte, fracture o divida en CSS?

Supongamos que tenemos que mantener sí o sí juntas unas frases, ya sea porque son importantes para el marketing o por que es el nombre de la marca. ¿Cómo haría para que estas frases no se corten al ...
Avatar del usuario joedossman