Preguntas con la etiqueta [css]
Usar para preguntas sobre hoja de estilo en cascada o CSS (siglas en inglés de *cascading style sheets*).
284
preguntas
77
votos
2
respuestas
127k
vistas
¿Cual es la diferencia entre position: relative, position: absolute y position: fixed?
Sé que estas propiedades de CSS sirven para posicionar un elemento dentro de la página.
Sin embargo, ¿cuándo debería usar cada una de ellas?
32
votos
2
respuestas
5k
vistas
CSS: ¿Qué son los media queries, para qué sirven, cómo se agrupan y cómo implementarlos?
¿Qué @media queries utilizar para alcanzar los principales dispositivos tomando en cuenta las dimensiones y resoluciones de pantalla?
¿Cómo se da alcance a dispositivos por grupos (por ejemplo, todas ...
12
votos
1
respuesta
2k
vistas
¿Qué es y para que se utiliza la especificidad de CSS?
He visto en muchos casos que hacen referencia a la especificidad de CSS cuando intento sobrescribir un estilo concreto de CSS.
¿Qué es realmente y para que se utiliza la especificidad de CSS?
7
votos
1
respuesta
42k
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 ...
28
votos
10
respuestas
94k
vistas
CSS para alert() o confirm() de JavaScript
me gustaría que me ayudaran a darle css a los alert() y a los confirm() de javascript, para que mis mensajes sean algo elegantes, no quiero optar por un modal solo para confirmaciones, así que si ...
10
votos
4
respuestas
876
vistas
¿Cómo agregar código CSS a mi página?
Tengo un sitio web la verdad no entiendo mucho de lo que estoy haciendo pero:
Mi código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
5
votos
3
respuestas
3k
vistas
No se muestra imagen usando código CSS
Tengo una carpeta con imágenes y quiero que el fondo del sitio sea una imagen. El problema es que al poner la ruta relativa la imagen no se muestra pero si pongo la url de una imagen de internet si la ...
3
votos
3
respuestas
11k
vistas
¿Como servir correctamente archivos estáticos en node.js?
Estoy haciendo un pequeño proyecto personal con HTML, CSS, Javascript y Node.js. El problema es que cuándo carga el servidor y cargo el archivo .html , éste se muestra sin los estilos .css ni las ...
9
votos
1
respuesta
50k
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 ...
39
votos
10
respuestas
92k
vistas
Como evitar el caché de los archivos css y js
Últimamente me he visto con muchos problemas en Google Chrome (en otros navegadores me va bien, exceptuando también Safari en Mac) al momento de cargar una nueva versión de una hoja de estilos (.css) ...
20
votos
9
respuestas
334k
vistas
Posicionar footer SIEMPRE pegado al pie de pagina
Buenas tardes gente!. He buscado por media hora y no encontré nada que me sirva o me de resultados positivos. Tengo una tabla dinámica que cambia la cantidad de filas a mostrar según lo que uno ...
10
votos
7
respuestas
60k
vistas
¿Cómo situar el footer siempre abajo?
Estoy haciendo una página web y realmente no sé mucho de css ni de html.
¿Cómo hago para mantener el footer siempre al final de la página? Me queda un espacio entre el footer y el final de la página.
...
4
votos
3
respuestas
1k
vistas
¿Cómo hacer un checkbox escondido, personalizado?
Estoy intentando hacer un checkbox personalizado en el que se cambie el color de fondo de mi label según está seleccionado o no, y de esta fora esconder el checkbox en si. El código que tengo es este:
...
80
votos
7
respuestas
6k
vistas
Guías de estilo oficiales para HTML, CSS y Javascript
Según la Wikipedia, el estilo de programación es:
Estilo de programación (también llamado estándares de código o convención de código) es un término que describe convenciones para escribir código ...
10
votos
2
respuestas
6k
vistas
Efecto Hover con imágenes y texto
Necesito hacer el efecto hover sobre unos thumbnails. Lo que quiero es al pasar el ratón por encima, aparezca la misma imagen con una opacidad del 70% y un texto en blanco.
Lo estoy haciendo con ...
6
votos
2
respuestas
5k
vistas
¿Cómo aplicar una clase desde JavaScript o jQuery?
Tengo estas dos clases en CSS y son para darle efecto a un botón. ¿Podría llamarla desde JavaScript o jQuery?
.onoffswitch-inner:after {
content: "OT";
padding-right: 10px;
background-...
7
votos
1
respuesta
3k
vistas
Aplicar css a un elemento padre
Tengo el siguiente código:
<div class="togglearea">
<div class="toggle">
<h3>Titulo</h3>
</div>
</div>
<div class="togglearea">
<div class="...
3
votos
1
respuesta
618
vistas
redirigir pagina html cuando se intenta ingresar desde el navegador
Necesito evitar que ingrese a una dirección html, es decir si alguien intenta ingresar desde el navegador, este lo dirija a la pagina principal. En cambio, que solo sea posible acceder desde la pagina ...
1
voto
2
respuestas
1k
vistas
modificar el enmarcado de seleccion de input en html
tengo un input al cual le aplico un estilo de border-radius
border-radius: 15px 10px 15px 10px;
pero cuando le selecciono el marco sigue siendo rectangulo, lo muestro en una imagen
quiero que ese ...
1
voto
1
respuesta
133
vistas
¿Cómo respetar la diagonal de un botón con un texto a dos colores?
Quiero realizar un botón con un background en diagonal con dos colores. A su vez, el texto que está dentro de él también tiene que partirse en diagonal de la misma manera que el botón, es decir, si ...
0
votos
2
respuestas
4k
vistas
Modificar elementos de pagina padre iframe
Hola amigos tengo una consulta,
Tengo la siguiente sentencia html
<iframe class="buscador.html"></iframe>
Esta me carga buscador.html, lo que quiero hacer es que al oprimir un ...
0
votos
1
respuesta
399
vistas
Diseño del card de bootstrap pierde todo el estilo dado al meterlo en una función
hace poco realize una pregunta de como enlazar una funcion con un card de bootstrap.
Lo que hace esta actualización es mostrarme todas mis fotos de mi base de datos en un diseño que yo especifico, (...
27
votos
1
respuesta
7k
vistas
¿Qué significa la arroba (@) en CSS?
En CSS podemos definir estilos para id's con la almohadilla (#) y para clases con el punto (.), pero hay algunas reglas que van precedidas por la arroba (@) como por ejemplo:
@font-face {
/* ...
12
votos
4
respuestas
131k
vistas
¿Cómo agregar una clase a un div usando JavaScript?
Necesito agregar el siguiente atributo de bootstrap (col-md-6) a un div que por defecto se imprime ya con una clase existente:
<div class="images" style="opacity: 1;">
Ustedes dirán que lo ...
6
votos
4
respuestas
62k
vistas
¿Cómo posicionar un texto a la derecha de una imagen?
Quiero poner un texto a la derecha en la parte superior de una imagen pero siempre se me coloca a la derecha por DEBAJO de la imagen, les dejo el código en html y, ¿quisiera saber si se puede hacer en ...
5
votos
1
respuesta
12k
vistas
¿Cuál es la diferencia entre display: block, display: inline y display: inline-block?
He encontrado varias dudas acerca de la diferencia a la hora de trabajar con estos tipos de elementos en CSS.
Entonces, ¿Cuáles son las diferencias entre estos elementos?
5
votos
2
respuestas
42k
vistas
¿Cómo obtener el nombre del archivo seleccionado en un input type="file"?
Estoy intentando hacer unos inputs tipo file en mi web pero no consigo que cuando se seleccione un archivo se vea cual es, he intentado seguir el ejemplo de aquí: https://tympanus.net/codrops/2015/09/...
4
votos
2
respuestas
40k
vistas
¿como cambiar los colores por defecto de los options de un select?
Lo que me gustaria realizar es que la lista desplegable que sale de un select que en este caso seria un conjunto de options, tenga un color de fondo diferente y cuando se pasen sobre ello modifique la ...
2
votos
1
respuesta
954
vistas
Personalizar cursor en mi pagina web
Deseo cambiar el cursor de mi pagina web, pero sin éxito.
He buscado, 'cacharreando' y esto es lo que hice en la sección de css:
body {
background: url(https://pm1.narvii.com/6889/...
2
votos
2
respuestas
15k
vistas
¿Agregar un archivo CSS y JS a una vista de Laravel
He tratado con rutas absolutas y relativas y realmento no he podido agregar estos archivo .css y .js
Codigo de la vista horario.blade.php
<link rel="stylesheet" type="text/css" href="founduss_web/...
1
voto
3
respuestas
2k
vistas
¿Cómo tengo que situar los media-queries para diseño responsive?
He estado utilizando por primera vez este media query que encontré en esta página
> enlace
/* ESTILOS NORMALES (para móviles en vertical)
=========================================================...
1
voto
1
respuesta
2k
vistas
Como crear una lista desplegables con submenu
Buen dia ,
Estoy tratando de crear una lista desplegable con submenu's dentro al momento de hacer y correrlo no me deja hacerlo , no me lo muestra, lo estoy haciendo con boostrap 3.3.7 que viene en el ...
1
voto
2
respuestas
178
vistas
¿Cómo copiar/cortar los documentos sin que pierdan su ubicación?
Tengo el siguiente problema: alguna vez me ha pasado que, al trasladar un conjunto de documentos (html+css+js), el html no es capaz de encontrar la ubicación de los otros archivos a los que referencia....
0
votos
4
respuestas
14k
vistas
cambiar color de placeholder="Segundo Nombre"
como puedo cambiar el campo del forms de bootstrap especificamente el placeholder de color blanco
34
votos
4
respuestas
2k
vistas
¿En qué casos se puede utilizar calc() en CSS?
Leí la documentación de calc() y entendí la sintaxis, pero al estar en CSS, donde no se ejecuta ningún código, no puedo hacerme la idea de cuándo se debería usar.
El ejemplo paradigmático me suena ...
13
votos
1
respuesta
478
vistas
¿Cómo sé qué fuentes tiene un sistema y si debo importarlas o no a la hora de cargar una página?
Al hilo de ¿Cómo defino el tipo de letra que se ve en toda la página con Bootstrap? aprendí que hay fuentes que vienen de serie y otras que no, pero que esto depende del sistema ...
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 ...
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;
...
8
votos
3
respuestas
271
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-...
8
votos
5
respuestas
1k
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 ...
7
votos
2
respuestas
34k
vistas
¿Es posible crear un input que se auto-ajuste a su contenido?
Por diseño requiero que un input se vaya auto-ajustando de acuerdo al tamaño del texto que se introduce, en la siguiente imagen muestro lo que requiero, la linea debe ir pegada al final del texto "...
7
votos
6
respuestas
36k
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 ...
7
votos
3
respuestas
458
vistas
¿Por qué la barra de navegación me crea un vacío?
En una página web en el dispositivo móvil la barra de navegación se extiende hacia la derecha. Esto provoca que en la pantalla podamos hacer scroll aunque la parte derecha este sin contenido. En tal ...
7
votos
2
respuestas
563
vistas
¿Como puedo crear columnas desorganizadas en bootstrap?
Quisiera crear algo como esto: https://www.apptrendit.com/
Pero quisiera crearlo mediante a bootstrap para hacerlo responsive, el problema es que las columnas tienen distintos tamaños y no van ...
7
votos
5
respuestas
5k
vistas
¿Cómo manipular un SVG externo con CSS?
HTML usado para mostrar los iconos SVG:
<div>
<div class="social-bar">
<ul class="icon-facebook" target="_blank" href="https://facebook.com/" title="Facebook">
...
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. ...
7
votos
1
respuesta
2k
vistas
Duda básica con margin. Padre e hijo css
Sé como solucionarlo, pero mi duda va en el por qué pasa esto. Tengo un section Padre y dentro un div Hijo. La cosa es que al colocar margin:20px en el hijo, Se le aplica un margin a todo, no solo al ...
6
votos
1
respuesta
1k
vistas
¿Cómo hacer un cargador similar? HTML y CSS
Tengo que hacer un cargador (loader) en el cual en la parte de abajo aparece un círculo fijo y por arriba aparece otro círculo que se va rellenado por arriba del círculo anterior.
La idea es hacer ...
6
votos
3
respuestas
176
vistas
¿Cómo funcionan estas combinaciones en css?
Estaba revisando algunas hojas de estilo de un proyecto web de tipo tienda de que estoy trabajando con un compañero, y veo que el utilizó una combinaciones de css que no conozco y no se como funcionan ...
6
votos
3
respuestas
9k
vistas
¿Qué diferencias hay realmente entre vh/vw y %?
Aplicando CSS a un sitio, me surgió la duda en CSS al momento de querer definir un tamaño variable de un contenedor HTML.
¿Cuál es el uso apropiado para usar vh/vw o porcentaje %, en que casos ...