Nuevas respuestas con la etiqueta css
1
voto
Adaptar botones en pantallas grandes y pequeñas con bootstrap?
Debes usar los breakpoints que provee Bootstrap para adaptar los tamaños a las distintas pantallas. Te recomiendo llevar a cabo la metodología Mobile First, ya que en Bootstrap, si especificas un ...
0
votos
Modal css se abre cuando no debe
ayudaría mucho si puedes agregar el archivo de código completo que reproduce el error, ya que con ese snippet no es suficiente para sacar conclusiones y ofrecer una solución. Como te indicaron podrías ...
- 1
0
votos
Dividir timeline en solo dos cards
realizando un cambios en tu código, me parece que se obtiene el resultado que quires, primero en el wrapper principal que contiene las cajas del timeline, cambiamos el flex-flow a row para que ...
- 1
2
votos
Carrusel de Bootstrap retrocede a la imagen anterior solo
Es que en realidad no está retrocediendo al primer slide: de hecho, primero se está mostrando el segundo slide. Esto puede notarse de dos maneras: a través del HTML, por el div con clase active (que ...
- 2,508
1
voto
Efecto hover: Mostrar imagen cuando paso el mouse sobre una etiqueta <a>
Buen día,
Puedes utilizar display para mostrar u ocultar la imagen y en el contenedor display: inline-block y aplicar el hover al contenedor.
Ejemplo (Dejé únicamente los estilos necesarios, agrega el ...
- 9,226
0
votos
Aceptado
¿ Cómo puedo visualizar una página con AddEventListener click?
Estás cerca de lograrlo. Permíteme orientarte un poco.
La idea es que deseas ir mostrando elementos html uno detrás de otro cada vez que haces click en el documento.
Lo primero que debes hacer es ...
- 1,402
0
votos
Problemas para acomodar el "aside"
He probado con achicar los vw incluso hasta valores en donde debería funcionar (el article en unos 50vw y el aside en unos 20vw) y aún así se mantiene en la parte de abajo! Con respecto a la propiedad ...
0
votos
Calculadora Decimal a Binario JS/HTML/CSS
Tenias varios errores en algunos puntos cómo son en el body en el control input type textbox no tenias el id y en el código del javascript te faltaba poner el value y tampoco servia el Number delante ...
0
votos
No me muestra la imagen en mi formulario
Como siempre fallos de novato y por no fijarme, he encontrado por fin la solución al error, básicamente había creado otra carpeta assets pensando que no estaba y le había metido dentro las imágenes... ...
- 1
1
voto
Aceptado
Linea de tiempo traspasa el menu de navegacion
Debería bastar con aplicar z-index al menú y a la línea de tiempo. Si incluyes un número mayor para el encabezado, el timeline ya no debería superponerse, por ejemplo: z-index: 2 y z-index: 1, ...
- 926
0
votos
Problemas para acomodar el "aside"
La propiedad width determina el ancho de la parte de contenido.
Entonces tenemos: 63,5% + 35% = 98,5% del viewport. A eso hay que agregarle 30px del margen del aside + lo que tenga de margen la ...
- 476
0
votos
¿A qué se debe esto dentro de mi grid css?
El problema es devido a que ninguno de los contenedores dentro del grid se le ha dicho que abarque el tamaño maximo que pueda en su lugar simplemente usa el tamaño minimo requerido, la solucion puede ...
- 328
2
votos
Aceptado
¿Como puedo quitar una linea que me aparece en una imagen que esta en una etiqueta <a>?
Lo que estas viendo es la clásica linea de subrayado que tienen los links de forma nativa en html. Podes desactivarla mediante la propiedad text-decoration: none;
div.cuerpoPrincipal div.tablas ....
- 2,522
1
voto
¿Como puedo quitar una linea que me aparece en una imagen que esta en una etiqueta <a>?
Creo que con una pequeña modificación, podría funcionar, simplemente colocar a href=... dentro de la etiqueta img, si no funciona, deberías proporcionarnos tu css, para ver que está pasando.
div....
- 479
0
votos
Como puedo mostrar un mensaje en css cuando el input en este caso email es :invalid?
Como menciona Yussef, necesitas de un elemento que funcione como contenedor para el mensaje. Lo que te comparto es parecido sólo que usé la propiedad visivility.
Primero creamos la etiqueta <span&...
- 99
-1
votos
Aceptado
Como puedo mostrar un mensaje en css cuando el input en este caso email es :invalid?
Lo que estás haciendo es una validación al form en general por eso muestra un solo mensaje. El form es invalid si al menos un elemento hijo es invalid.
Lo que tú quieres es mostrar un mensaje por ...
- 8,761
1
voto
Aceptado
Calculadora Decimal a Binario JS/HTML/CSS
Estás haciendo doble conversión numérica aquí:
let decimal = Number.parseInt(document.getElementById('decimalInput'));
De la cual sería incorrecto, debería ser:
let decimal = Number(document....
- 4,410
0
votos
Calculadora Decimal a Binario JS/HTML/CSS
Number.parseInt recibe una cadena de texto. Le estás enviando un objeto. Lo que tienes que enviarle es la propiedad value de ese objeto (que devuelve el texto de la caja de texto):
convertToD.onclick =...
- 81
1
voto
Aceptado
¿Cómo puedo modificar Cards en Bootstrap 5 para que no se vea el contorno del card?
Para lograr eso puedes usar css Grid y ocupando un repeat queda automáticamente responsivo.
Luego el truco para lograr exactamente lo que está en la foto que publicaste es colocar los bordes en los ...
- 8,761
1
voto
Aceptado
Personalizar Carousel Bootstrap 5 - Sacar flechas de la imagen + añadir previsualización de anterior y siguiente
Traté de acercarme más a lo que esperabas. En tu CSS tendrías que ingresar a las clases de los botones del carousel, de la cual son las siguientes:
.carousel-control-prev // -> es el botón de la ...
- 4,410
0
votos
En la parte de abajo del footer se crea un espacio en blanco
Yo lo solucioné de la siguiente manera, en mi caso es un form en el tuyo un section por lo que veo, entonces solo agrégale la propiedad de style: min-height y puedes empezar desde 100vh e ir bajando ...
0
votos
Aceptado
Nav se amontona al hacerlo responsive
Puedes darle un espacio entre la separación de los bloques usando gap, tu @media quedaría así:
@media (max-width: 600px){
.flex-container{
flex-direction: column;
align-items: center;
...
- 4,410
0
votos
Scroll vertical no aparece en la página web
Es porque tienes en el body la propiedad overflow: hidden si quizas quieres tener un fondo con una imagen que se mantenga al hacer scroll, cambiale a la imagen el background-position a el valor fixed ...
- 155
2
votos
Aceptado
Imagenes ajustada a titulo flexbox
Creo que lo mejor es que ocuparas GRID por sobre flex, ya que justamente lo que estás haciendo es una grilla
Además me parece que lo razonable es que un contenedor envuelva tanto el titulo como la ...
- 8,761
0
votos
Aceptado
Cómo modificar el modal de bootstrap 5? Quiero que sea un pop up transparente
Siempre puedes sobreescribir propiedades del css. Por ejemplo puedes crear una clase CustomModal y hacer lo siguiente:
img{
width:200px;
height:400px;
background-color:blue;
}
.CustomModal ....
- 8,761
1
voto
Aceptado
barra de menu desaparece con position fixed
Si colocas position: fixed en el nav funciona como es de esperar. Además, debes colocar al menos los left,top y right
body{
background-color: #e5e5f7;
opacity: 0.8;
background-image: linear-...
- 8,761
1
voto
Aceptado
Sobre poner imagenes CSS
img-banner No es necesario que tenga posición absoluta, en cambio img-perfil si lo necesita.
Luego el asunto es muy simple, a img-banner debes asignar la propiedad bottom en negativo y NO ocupar top
...
- 8,761
2
votos
¿Por qué el addEventListener se ejecuta más de una vez?
Lo que sucede es que cada vez que haces clic en el elemento .no estás agregando un nuevo listener, de la cual el elemento .h se agregará las veces que el listener se repita.
Una solución sería separar ...
- 4,410
1
voto
¿Por qué el addEventListener se ejecuta más de una vez?
Lo que sucede es que tu código indica que la letra H (.h) tiene un listener a cada elemento, puedes remover el listener después de dar clic:
document.querySelector('.no').addEventListener('...
- 106k
1
voto
¿Por qué el addEventListener se ejecuta más de una vez?
Si te fijas en el código, cada vez que haces click en .no, además de mostrar .h también esta agregando un listener a elemento.
Por poner un ejemplo: si haces click 5 veces en .no, entonces cuando ...
- 31.6k
1
voto
Aceptado
¿Cómo aplico el mismo estilo a todos los elementos '<td>' de un mismo '<tr>'?
Siguiendo los ejemplos que te comentaron, el resultado final de tu tabla sería algo como:
table {
overflow: hidden;
display: inline-block;
}
td, th {
border: 1px solid #999;
padding: 10px;...
- 4,410
1
voto
¿Cómo aplico el mismo estilo a todos los elementos '<td>' de un mismo '<tr>'?
Te dejo un ejemplo de cómo resolverlo.
table {
overflow: hidden;
}
td,
th {
position: relative;
}
td:hover::after,
th:hover::after {
content: '';
position: absolute;
background-color: #ffa;
...
- 441
3
votos
Aceptado
¿Cómo mover una columna de un Grid a la derecha?
Lo podrías solucionar aplicando la propiedad justify-content-end, ya que con esto estarías posicionando el contenido siempre al final, veamos un ejemplo:
.col {
padding: 20px;
background-color:...
- 4,410
0
votos
¿Cómo mover una columna de un Grid a la derecha?
entendería que hay 2 formas:
Al 4 item, agregar la clase "offset-2"
Al div con la clase row, agregar la clase "justify-content-end"
Tu decide cual aplicar.
-1
votos
No encuentra la ruta del archivo CSS y JS ERR_ABORTED 404 (Not Found) .NET
En relación a tu consulta, en mi caso, no utilizo ni puntos ni virgulilla, simplemente lo escribo así:
<link href="vendors/FULLCALENDAR-4-1-0-DESCARGA/Core/main.min.css" rel="...
0
votos
Error al ver un Post de Instagram en página web con HTML
En que estas haciendo el proyecto?
Capaz tengas que consumir la API de visualización básica de Instagram para poder mostrar el contenido.
Si estas haciendo una web estática probablemente solo te deja ...
4
votos
¿Como cambiar en javascript una variable de color?
espero que estes bien 😀, mira yo utilice el siguiente codigo para cambiar el color de fondo de la pagina :
function changeColor(color) {
document.body.style.background = color;
}
/*...
1
voto
Aceptado
Centrando vertical una UL en un DIV (proyecto de MDN)
Lo que hice fue encerrar en un div a los li que están dentro del ul para que al momento de centrar solo sea afectado a ese div con los li y no solo a los li:
<ul>
<div>
<li&...
- 4,410
2
votos
Angular no reconoce la hoja de estilos
Se ha solucionado utilizando Renderer2.
Al tener la Clase renderer2, primero he tenido que crear una estancia con RendererFactory2:
Os dejo el código.
public setTheme(theme: string) {
if (...
- 41
2
votos
Añadir visualmente los puntos de decimales
Salvo un pequeño error que tienes en la configuración de yAxes (te sobra unos [ ]), a mí se me visualiza con separadores de miles
Demo:
const $grafica = document.querySelector("#grafica");
const ...
- 8,761
1
voto
Aceptado
Ajustar texto flex
Cambié la estructura del HTML para obtener un resultado más cercano a lo que pides. Primero, los textos del rightP y la imagen lo moví todo en tu elemento leftP, en donde rightP ya no sería utilizado, ...
- 4,410
0
votos
¿Como poner color de fondo a texto y no a toda la caja o línea?
perfecto. no había pensado en el tag span. me salia toda la caja verde con p o con div.
gracias
- 1
1
voto
Aceptado
menu nav con flexbox
Hay algunas cosas que sobran en el código CSS, pero básicamente, para que los elementos de un flexbox no queden pegados entre sí, puedes usar la propiedad gap. Te adjunto cómo quedaría el código con ...
- 926
0
votos
Aceptado
¿Cómo alinear elementos dentro de una lista a la derecha del contenedor?
Lo podes hacer de la siguiente manera, cada 'list' (flex) tiene dos elementos, un contenedor 'contenedor-img_name' tambien flex con la foto y el nombre del producto, y otro que es el <p> del ...
- 1,626
1
voto
Aceptado
Quiero operar mas de 2 valores en mi calculadora Javascript
let cantNumeros = 0;
let cantOperaciones = 0;
let auxiliar = "";
let numeros = [];
let operaciones = [];
// a medida que pulsa las teclas numéricas, va llamando a esta
// función, que ...
- 479
2
votos
CSS INTERNO O CSS EXTERNO, INFLUYEN A LA HORA DE QUERER VER LA PAGINA WEB CREADA?
El error cometido fue que la ruta de las imágenes estaba errónea, cuando CSS EXTERNO se le coloco un:
#p1{
background-image: url(imagenes/placa1.jpg);
background-color: chocolate;
}
Y así ...
- 19
2
votos
Aceptado
Cómo alinear divs dentro de un div de manera horizontal
Sólo alineado horizontalmente como preguntas:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"...
- 7,471
0
votos
¿Por que no me toma los estilos en CSS, pero si los estilos en linea?
Tus estilos funcionan correctamente como puedes ver en esta prueba ejecutando todo el código. Asegúrate si estás cargando una hoja de estilos de que los archivos están bien nombrados y las rutas bien ...
- 2,285
0
votos
¿Por que no me toma los estilos en CSS, pero si los estilos en linea?
Este seria el codigo CSS:
h1{
color: red;
}
h1{
color: green;
}
h2{
color: green;
}
.tit2{
color: blue;
}
.tit2:hover{
color: red;
background-...
- 61
1
voto
Aceptado
No se aplican los estilos css propios en la página web usando spring, pero sí los de bootstrap
si estas usando thymeleaf te aconsejo que hagas los imports con su notación:
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
<link rel="stylesheet" ...
- 46
Se incluyen las 50 respuestas más recientes
Etiquetas relacionadas
css × 7878html × 5208
javascript × 2353
html5 × 1061
bootstrap × 977
css3 × 807
jquery × 759
php × 545
web × 212
responsive × 182
bootstrap-4 × 157
angular × 147
reactjs × 147
flexbox × 126
wordpress × 125
scss × 107
div × 98
sass × 94
imagen × 92
laravel × 69
mysql × 64
svg × 61
animación × 61
hover × 60
css-grid-layout × 59