Preguntas con la etiqueta [css]

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

2,581 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
1 voto
0 respuestas
46 vistas

No me sale hacer responsive el header. Adjunto el codigo HTML y CSS

No logro poder hacer responsive el header, cuando salgo de la pantalla completa y la empiezo a achicar todo se desordena y los elementos se empiezan a poner unos encimas de otros. Quisiera que cuando ...
user avatar
1 voto
0 respuestas
22 vistas

Elementos no ocupan el total del espacio

**Hice un modelo que voy a adjuntar en imagen en Adobe Illustrator, donde puse un titulo que separa secciones, pero no logro que use el mismo espacio, algun consejo? Adjunto el codigo con imagenes de ...
Avatar del usuario Juanjo
  • 89
1 voto
0 respuestas
31 vistas

por qué overflow ROMPE la propiedad {position:fixed;} ??, exíste solución?

éste código trabaja 100% bien al abrirse con cualquier teléfono y cualquier browser PC: <?php echo <<<HTML <html><head><style type="text/css"> *{ margin:0; ...
Avatar del usuario Yamile
  • 31
1 voto
0 respuestas
171 vistas

Problema con overflow-y: scroll en un modal de Bootstrap

Tengo un modal creado con la librería Bootstrap en el que tengo varias listas que se rellenan al hacer una búsqueda mediante Ajax, con un tamaño fijo y la propiedad overflow-y: scroll, para poder ...
Avatar del usuario Sergio Domínguez
1 voto
1 respuesta
51 vistas

Uno de mis contenedores principales se visualiza "aplastado " como si su width de 0. ¿Qué esta ocurriendo? ¿Cómo puedo solucionarlo?

Nada debería estar por fuera del body (linea azul) el cual esta seteado al tamaño del viewport. Nótese que todos los elementos por debajo el cronometro se encuentran aplastados contra el margen ...
Avatar del usuario Matias Montalto
1 voto
2 respuestas
138 vistas

problemaas con CSS en ios

Desarrollé una página con html5 y css que se muestra bien en Android, Chrome y Firefox (Windows) y simuladores de iphone online (en windows) pero cuando lo testeo en un iPhone o MacBook desconfigura ...
Avatar del usuario dev-mdna
1 voto
2 respuestas
56 vistas

¿Cómo se llama a la Técnica de Importación de varios Íconos mediante un solo LInk? (Ej: Font Awesome)

He visto como en vez de colocar imagen por imagen (obviamente con sus respectivos directorios), simplemente establecían en el head un Link y en la parte de las listas (en donde van a importar las ...
Avatar del usuario Gabriel Paniagua
1 voto
0 respuestas
55 vistas

¿Cómo puedo hacer videos responsive con css grid?

Estoy usando css grid para hacer una landing page, el header tiene display: grid; y dentro del header esta el video(iframe). Estoy tratando de hacerlo responsive pero no puedo por más que intenté. ¿Me ...
Avatar del usuario Gian Franco Alexis Poma Vidal
1 voto
0 respuestas
7 vistas

MiniCssExtractPlugin no carga bien fuentes

Honestamente no parece tener relación, pero me ocurre que desde que uso el MiniCssExtractPlugin, el template.min.css que carga los estilos generales le está asignando una ruta más a las fuentes. Las ...
Avatar del usuario Bruno Osella
1 voto
0 respuestas
21 vistas

Capturar filas de un google sheet en un GAS,

esa parte donde empiezan los "for" originalmente detecta fila 3 y yo quiero fila 1 pero no sé como hacerlo, por su puesto ahi el Código esta incompleto pero al menos en la parte de los for ...
Avatar del usuario Abdiel012
1 voto
0 respuestas
52 vistas

Como hago este div con position: absolute; responsive? Html Css Angular

Tengo 2 componentes diferentes en Angular, un componente llamado banner y un componente llamado about que contiene un div en donde va a ir una foto. El div de la foto debe achicarse y subir ...
Avatar del usuario DanteA01
1 voto
0 respuestas
76 vistas

Cómo puedo agregar animaciones a mi sitio web usando JavaScript?

estoy creando un sitio web y me gustaría agregar algunas animaciones a mi diseño para que sea mas llamativa visualmente. Tengo entendido que se pueden agregar animaciones utilizando JavaScript, pero ...
Avatar del usuario NicolasDS88
1 voto
0 respuestas
65 vistas

El CSS deja de funcionar dependiendo de la ubicación en el HTML

Problemas con los estilos css, lo que pongo debajo de menu__link--inside en el css no funciona, si lo pongo arriba del menu si ¿Los estilos en css se pueden ir cargando según convenga? Es decir poner ...
Avatar del usuario Agus
  • 11
1 voto
1 respuesta
50 vistas

Mostrar varias imágenes como cursor

Estoy haciendo una pagina web en la que tengo 8 divs uno encima del otro. Quiero que cuando el cursor pase por encima de uno de estos divs, éste cambie por una imagen. La imagen debe ser diferente en ...
Avatar del usuario Antonio
  • 11
1 voto
0 respuestas
34 vistas

El footer no se queda abajo cuando agrego más contenido a la página

Por lo que estuve viendo el problema puede estar en que el body no ocupa todo el height de la página, trate de darle solución de esta manera (adjunto parte del código). Pero al agregarle mas contenido ...
Avatar del usuario Nicolás Fani
1 voto
2 respuestas
989 vistas

Estilos para la scrollbar con CSS

Tengo un problema al querer darle un estilo personalizado a la barra de desplazamiento. mi codigo HTML donde esta el contenedor: <div className="tareas-contenedor"> <h2 ...
Avatar del usuario Facundo Romo
1 voto
1 respuesta
694 vistas

Como personalizar boton en SweetAlert2?

Es mi primera vez usando Sweetalert 2 y ando revisando su página. A lo mejor soy yo, pero no entiendo como cambiar algunos atributos. Lo he manejado, hasta que llegue a esto, es el box-shadow del ...
Avatar del usuario Hey L1nk
  • 357
1 voto
1 respuesta
32 vistas

Cambios en el body desde jquery

Tengo un problema ya que Google me indica que el contenido es más ancho que la pantalla y que por lo tanto hay que hacer scroll para ver todo el contenido. Mi solución pasa por hacer una función ...
Avatar del usuario aitor93
  • 21
1 voto
1 respuesta
54 vistas

Como puedo hacer para tener imagenes con diferentes anchos dentro de flex, y que este se adapte al contenido de cada una?

Estoy desarrollando una web para una empresa, y en la pagina principal, cuenta con 4 imágenes que redireccionan a secciones diferentes. El problema es que estas imágenes tienen establecido un width de ...
Avatar del usuario Alejo Nuñez
1 voto
0 respuestas
237 vistas

¿Cómo modificar los botones de paginación del plugin DataTables para JQuery?

Estoy usando el plugin de datatables para paginar unas tablas y uso la paginación simple, pero los botones me salen muy juntos sin separación Código JS $('#tablaAptitudCliente').DataTable({ ...
Avatar del usuario Efrain Mejias C
1 voto
0 respuestas
68 vistas

¿Como eliminar la distancia de un contenido al otro?

Como pueden ver, quiero reducir la distancia entre los iconos y la dirección de gmail, están demasiado separados y no se que es lo que esta causando conflicto en mi mediaquery o que línea debo agregar....
Avatar del usuario mauricio
  • 434
1 voto
0 respuestas
253 vistas

¿Como crear un footer responsivo en bootstrap?

Mi idea es crear un footer responsivo (que sirva para todas las pantallas) y que siempre quede debajo. Esto último no sucede, cuando reduzco el tamaño del navegador web, el footer tapa a los inputs ...
Avatar del usuario Carlos
  • 865
1 voto
2 respuestas
226 vistas

¿Como hacer que un div ocupe todo el alto de un div contenedor?

Problema: El div llamado "boxNavRight" no ocupa el alto total, me gustaría que ocupe todo el espacio del div "boxNav". no he logrado conseguir esto, cuando asigno una altura ...
Avatar del usuario Team SoftCode
1 voto
0 respuestas
21 vistas

¿Por qué tengo que agregar el pseudo-elemento :after cuando uso animaciones de texto en CSS?

Estoy aprendiendo animaciones en CSS, no he tenido problemas con propiedades como letter-spacing dentro de los @keyframes. Mi problema surge cuando quiero hacer una animación que cambie el contenido ...
Avatar del usuario zaraterdz
1 voto
0 respuestas
55 vistas

¿ Como aumentar el hueco entre los productos en WooCommerce?

Quiero aumentar la separación entre los productos de una tienda, tanto por la parte superior como por los lados, pero no consigo hacerlo de forma uniforme. teniendo en cuenta los clases que tienen los ...
Avatar del usuario Mari Cruz
  • 469
1 voto
0 respuestas
133 vistas

¿como hacer un text-truncate de 2 líneas?

En algunos casos de mi pantalla, dependiendo del dispositivo, no se alcanza a ver el título completo de lo que escribo, se ve así: TITULO 1 TIT.... Aquí quedaría ya incompleto debido al text-truncate, ...
Avatar del usuario David V
  • 11
1 voto
0 respuestas
102 vistas

Combinar filas en flexbox

Buen día, estoy intentando hacer esta imagen de Piet Mondrian usando HTML y CSS para practicar lo que aprendí de Flexbox. Ya tengo una buena parte del problema resuelto, pero lo que me está ...
Avatar del usuario Lucio Mazzini
1 voto
1 respuesta
81 vistas

centrar titulo con css

estoy creando una e-commerce y me trabe al intentar que quede el nombre de la pagina en el centro. estoy trabajando con el framework react.js, tengo un componente que se llama NavBar y dentro tengo un ...
Avatar del usuario feli
  • 65
1 voto
0 respuestas
67 vistas

Consulta sobre react-bootstrap-table2

Buenas tengo una consulta sobre el uso de react-bootstrap-table2 Tengo una configuracion de la tabla que consiste en "operations": [ { "id": 1, "opCanalId": &...
Avatar del usuario alejandromartin
1 voto
0 respuestas
225 vistas

como mostrar el contenido del atributo title de la etiqueta <a> que esta en el index1.html, en un input que esta en el index2.html?

al dar click quiero mostrar el contenido del atributo "title" de la etiqueta <a> que esta en la hoja index1.html, en un input que esta en la hoja index2.html? tengo este código pero no ...
Avatar del usuario mycodejs
1 voto
1 respuesta
118 vistas

No se puede enviar el formulario porque no esta conectado

estoy desarrollando un formulario en vue, pero cuando llamo a mi componente me dice que el formulario no esta conectado: Form submission canceled because the form is not connected Mi formulario es el ...
Avatar del usuario cucalondev
1 voto
1 respuesta
158 vistas

¿Cómo mover el div que tiene el h3 y el párrafo mas a al derecha?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=...
user avatar
1 voto
0 respuestas
98 vistas

Centrar div dentro de un form

Estoy haciendo haciendo un formulario de 2 columnas, y quiero que los formularios queden centrados dentro del recuadro azul (ver imagen), y además de ello, el botón del send lo quiero debajo del ...
Avatar del usuario Santiago Sanchez Correa
1 voto
0 respuestas
100 vistas

Contenido Dinámico css grid

Estoy trabajando haciendo una pagina web que muestra contenido consumiendo apis, y tengo un pequeño problema, el cual es que no logro que una de las secciones sea dinámica, a lo que me refiero es a lo ...
Avatar del usuario Brayan
  • 11
1 voto
0 respuestas
245 vistas

¿Cómo puedo evitar que se expanda un mat-expansion-panel sin deshabilitarlo?

estoy haciendo un menú para mi web en angular con material angular agregado y estoy usando los mat-accordion, hay algunos que no tienen contenido dentro así que quiero que esos que no tiene nada que ...
Avatar del usuario DevNoob
  • 179
1 voto
0 respuestas
239 vistas

insertar contenido en tabla con dos columnas, cuando se llene un td, el resto se ponga en otro td DomPDF

Me encuentro generando contenido con Dompdf y codeigniter, obtengo texto e imagenes de un array mediante un foreach y voy agregando el contenido a una variable,y la idea es insertarlo en dos columnas, ...
Avatar del usuario juan jose aguiñaga rodriguez
1 voto
3 respuestas
76 vistas

Cómo puedo arreglar los estilos CSS

Necesito modificar mis estilos CSS para dejar el diseño igual al de la siguiente imagen Por ahora tengo esto Y este es mi código .item-container { background-color: #f4f5f8; border-radius: ...
Avatar del usuario joan0627
1 voto
1 respuesta
37 vistas

Espacios blancos en los costados

Hola voy de nuevo con mis preguntas de novato en esto de programar y esta vez tengo la duda de porque si mi pagina es responsive y se supone que los fondos abarcan toda la pantalla, aún asi siempre ...
Avatar del usuario El Sr Salchicha
1 voto
1 respuesta
28 vistas

Como alterar el estilo css de varios elementos html individualmente, seleccionando sus id a partir de una misma clase?

SITUACION: cuando clickeo uno, se alteran los dos.. Lo que busco es que al clickear uno se altere solo su opacidad al 100% y viceversa. y que al clickear de nuevo también disminuya dicha opacidad al ...
Avatar del usuario DEI
  • 23
1 voto
0 respuestas
120 vistas

Efecto blur sin que afecte al texto CSS

Tengo un problema que al querer hacer un un efecto blur al fondo de mi div, lo hace pero también afecta al texto y a la imagen, cosa que no quiero que haga y ya probé subiendo el z-index de los ...
Avatar del usuario user300807
1 voto
0 respuestas
35 vistas

Por que no completa la etiqueta con la palabra de Bootstrap?

Tengo Bootstrap por CDN, pero no me da las sugerencias para completar la etiqueta en mi Proyecto Angular. ¿Alguno sabe por qué? Por ejemplo, quiero hacer un text-center o bg-primary, pero no me da la ...
Avatar del usuario Santiago Batto
1 voto
1 respuesta
105 vistas

Cómo gurdar en local storage el theme que el usuario seleccione?

Estoy intentando guardar el tema que los usuarios eligan desde un moda. El CODIGO ES ESTE: ` (todo sobre el cambio de color esta funcionando, solo hace falta que lo guarde en local storage). Para ...
Avatar del usuario Erick
  • 13
1 voto
2 respuestas
118 vistas

Los inputs dentro de un form (Flex item) se desbordan al ponerle un width 100%

En un práctica de principiantes de DISPLAY FLEX sobre un formulario responsive con foto al lado tengo este código: .container { display: flex; align-items: center; flex-wrap: wrap; ...
Avatar del usuario MartinRR
1 voto
1 respuesta
537 vistas

¿Como usar background-image con props? - React JS

Estoy practicando con REACT JS y no estoy encontrando información al respecto de como hacer de un background-image, un componente, ya que esta es una propiedad unicamente de css y creo que no puedo ...
Avatar del usuario Daniel Federico Jaime
1 voto
0 respuestas
10 vistas

Solucionar problema de W3C con tag video

Al momento de realizar la validación en https://validator.w3.org/ me encuentro con el siguiente mensaje de error --> Error: Bad value 100% for attribute width on element video: Expected a digit ...
Avatar del usuario Carrobe90
  • 680
1 voto
2 respuestas
79 vistas

Problema con el método setInterval JavaScript

estoy intentando seleccionar unos divs que va creando un bucle (creado con un setTimeout dentro de otro setTimeout), y para ello estoy usando un setInterval a parte. Lo raro es que dentro de ese ...
Avatar del usuario Unbrained
1 voto
0 respuestas
286 vistas

FontAwesome no me reconoce los iconos

Quiero agregar un icono de un ojo y el proyecto no me reconoce el link que FontAwesome me da. Probe con los links que dejaron en preguntas similares (como esta) pero nada. Este es usando los links que ...
Avatar del usuario popo
  • 127
1 voto
0 respuestas
139 vistas

Errores con las promesas en angular

Los contextualizo, me pidieron mostrar un pdf convertido en base64 por medio un servicio utilizando la libreria ng2-pdf-viewer. (Aclaro que soy programador junior y apenas estoy aprendiendo a utiliza ...
user avatar
1 voto
1 respuesta
27 vistas

Como puedo obtener los valores CYMK de un input color

estoy tratando de obtener los valores CYAN YELLOW MAGENTA Y BLACK de un input color HTML, los valores mencionados van de 0 a 100 por cada uno para obtener un color, he visto que ya hay sitios que ...
Avatar del usuario JohhanUrrutia
1 voto
1 respuesta
75 vistas

Mostrar una fuente temporal y luego (cuando cargue la página) reemplazarla por una personalizada

Estoy queriendo optimizar mi sitio web y he utilizado la herramienta PageSpeed Insights para diagnosticarla. En una de las tantas cosas a corregir me sale "Asegúrate de que el texto permanece ...
Avatar del usuario Damian Garcia