Nuevas respuestas con la etiqueta css
0
votos
Como cambiar el background-image: linear-gradient de mi body por otro background-image: linear-gradient con html, css y js y un elemento <a>
Yo me imagino que la pregunta se refiere a cambiarlo de modo dinamico, esto lo puedes lograr utilizando JS y referenciando bien los css.
Aqui te dejo el codigo para que alternes de Claro a Oscuro ...
1
voto
Aceptado
Html y Css atascada en un paso
Hay varias cosas que se pueden mejorar y aplicar las buenas prácticas, así como algunos errores.
Omitiste las comillas en el valor del href que está en tu
<a></a>. Debería ser <a class=...
0
votos
Aceptado
backgroundImage en react no funciona
como estás?
espero ser de ayuda con lo siguiente, he realizado pruebas con tu código en lo que no he encontrado novedad alguna, solo una recomendación:
desde ES6 -
style={{backgroundImage: url(${wine})...
0
votos
Aceptado
Organización de imagnes y texto
Yo haría el código un poco más limpio y ordenado.
/* movil */
@media (max-width: 500px) {
.container{
flex-wrap: wrap;
}
}
....
1
voto
Organización de imagnes y texto
para lograr que las imágenes y los textos aparezcan uno al lado del otro en dispositivos de escritorio y uno debajo del otro en dispositivos móviles, puedes ajustar el código CSS y el HTML de la ...
1
voto
Aceptado
Problemas con un header con sticky y un aside con nav
Necesitas aplicarle a cada <article> un scroll-margin-top mayor o igual al alto del menu.
En tu caso el menú mide 100px de alto.
Ejemplo:
body {
margin: 0;
background: lightgray;
}
/* ...
0
votos
Porque cuando muevo el archivo Ubicación.html a una carpetase quita todo el css que tenia y se queda como si no tuviera nada
sucede que hay dos tipos de dirección para rutas en html (estas rutas involucran tanto archivos css, como .js e imágenes) una dirección absoluta o ruta absoluta es aquella ruta que apunta directamente ...
0
votos
Confusion con estructura web basica
Respuesta corta: Si es buena práctica agregar <main> y debería envolver tus etiquetas <article>
Las malas practicas nacen de la experiencia. Alguna vez alguien notó que era común nombrar ...
0
votos
Confusion con estructura web basica
Vas a encontrar que la tag del main es la que se utiliza para dar la información principal del documento. Dentro de este elemento se debe de colocar la información del documento o página.
En si, la ...
0
votos
Aceptado
"Problema al aplicar cambios en Live Server de VS Code"
Al parecer estaba tomando un index.html y mi css de otro lado por eso no se actualizaba.siempre hay que verificar eso!
0
votos
No entiendo, por que no me reproduce los videos automáticamente cuando los inserto en mi web, pero solo me falla en Iphone
El autoplay para los videos ha sido todo un tema, porque es algo invasivo. Hace unos años comenzó una moda de poner videos en loop como elementos de diseño en la Web, por lo que se acordó permitir la ...
0
votos
¿Cómo podría dejar el botón en azul el de contactos, y bordear los cuadrados del formulario?
como estas? Aqui te adjunto el codigo un poco corregido, tal vez no de la manera mas correcta ya que no queria modificar mucho tu codigo, pero hay varios errores, de todas formas puede pasar, espero ...
1
voto
los estilos ingresados a css no son compatibles con el html
Fijate acá te dejo un ejemplo de una HEAD bástante básico que te puede dar una guía para complemetar el tuyo.
Una de las cosas de atención es el "dónde" se encuetran tus archivos, la ruta a ...
0
votos
los estilos ingresados a css no son compatibles con el html
Olvidaste poner el link en el head de tu archivo HTML?
Por si lo olvidaste, esta es la forma de unir al css con el html:
// esto va ubicado en el head de tu archivo HTML
<link rel="stylesheet&...
0
votos
¿Cómo puedo filtrar por categorías en un loop de imágenes en Wordpress?
Algo tarde pero para contribuir en algo si a alguien le ayuda.
Primera observación, en card carta-features no estas incluyendo la clase correspondiente a la categoría de modo que jamás las va a ...
0
votos
Botón hamburguesa no se alinea a la derecha y solo al centro en blogger
Ya lo solucioné, solo tenía que borrar la línea de código:
<img alt='' class='nav_img' src='/assets/menu.svg'/>
De igual manera, muchas gracias por que leyeron esto
Saludos :)
0
votos
Como puedo hacer que este carrusel ocupe el 100 del ancho de la pantalla?
Según la documentación de Bootstrap, las clases h-100 y w-100 hacen que un elemento tenga el 100% de la altura y el ancho de su elemento padre, respectivamente. Sin embargo, si el elemento padre no ...
0
votos
Aceptado
Como puedo hacer que este carrusel ocupe el 100 del ancho de la pantalla?
Dale a <body> un alto de 100vh y después agrégale a cada nodo hijo (descendientes tanto directos como indirectos) la clase h-100, esto es necesario porque h-100 usa como referencia el tamaño de ...
0
votos
Ordenar imagenes con CSS
Para crear una galeria de ese tipo lo más fácil es usar column-width y/o column-count, lo cual te creará columnas. Si con column-width usas una función como clamp, min, max, etc además puedes hacerlo ...
0
votos
Ordenar imagenes con CSS
con CSS Grid, algo nativo de CSS, es posible y sencillo
* {
box-sizing: border-box;
}
.cont {
width: 600px;
height: 400px;
display: grid;
background: #000;
grid-template-areas:
'...
1
voto
Jerarquia de los archivos .css
Muy bien bootstrap.css esta por encima de mdb.css ya que primero el navegador primero lee lo que esta primero pero luego si hay lo mismo abajo el lo reemplaza con lo de abajo.
De esta manera sale que ...
0
votos
Centrar un Form con HTML y CSS
Si alguien solo busca como centrar el Form en el centro del espacio que tiene predeterminado este codigo te servirá form{ width: 50%; margin: 0 auto ; }
es lo que yo estaba buscando pero esta ...
0
votos
Poner texto en input tipo boton que viene de consulta de sql
Hay 2 "formas" de botones
El <input type="button" value="texto"> en el cual no puedes colocar HTML dentro (en ningún input se puede)
El <button type="...
2
votos
Cambiar color de letras en php y html dependiento del resultado de una condicional
Tienes que usar CSS (color:red), y se puede hacer de muchas maneras, aquí un par:
Usando Style
<?php foreach ($registros as $fila) : ?>
<tr>
<?php
if( $fila->AV_GREEN!=&...
0
votos
Buenas tardes, tengo un problema con el tema de la hamburguesa que se adapta a celular de Bootstrap 5
Falta incorporar el js de Bootstrap.
Deberías añadir esto:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-...
2
votos
Minimizar el tamaño de un texto en una tabla HTML
Puedes usar -webkit-line-clamp para indicar el número de líneas a mostrar, luego solo es agregar un evento que al hacer click añada o saque la clase que contiene dicha regla
Para usar -webkit-line-...
0
votos
Mover un elemento cuando otro este en focus
Tienes 2 problemas:
1.- #input:focus ~ #label
Este selector selecciona a #label que sea hermano de #input:focus, pero la lectura es hacia abajo. Es decir los hermanos de #input:focus que van abajo en ...
1
voto
Aceptado
El selector nav no muestra el color del background
El problema es el float que estas utilizando en la lista, ya que esta propiedad remueve el elemento del flujo normal como se menciona a continuación en propiedad float, o en otras palabras "se ...
0
votos
Solución integrar script.js de fronted un proyecto node.js
Pasa los archivos HTML CSS y JS de tu pregunta a la carpeta public, (estos últimos 2 deben estar enlazados al HTML lógicamente). Quedaría así:
root
|-> src
|-> public
|-> index....
1
voto
Aceptado
Puedo hacer un operador or en css?
¿Quieres que .info haga algo cuando el botón o el div tienen el ratón encima? Prueba esto, así harás que el display sea block cuando el ratón esté encima de button o cuando esté encima de .info:
...
0
votos
Aceptado
Div fixed desborda contenedor padre con propiedad absolute
Por defecto, position: fixed; se elimina del flujo normal de tus elementos y se coloca en relación a tu navegador. Es por ello que no se moverá con respecto a ningún div que lo contenga.
Sin embargo, ...
0
votos
Problema con margin 0 en * y linear-gradient en html
El problema radica en que al "resetear" tanto las dimensiones como las propiedades de espacio interior y exterior de la etiqueta html se ocupa ningún espacio definido en dentro del contenido,...
0
votos
Aceptado
Problema con margin 0 en * y linear-gradient en html
Esto pasa porque en tu código eliminaste los border, padding y margin, y al no tener contenido alguno la altura de tu HTML es cero.
El fondo se mostraría si:
Agregas una altura mayor a cero (desde ...
1
voto
Selector CSS que actué cuando una clase exista
Tu tienes un + el cual selecciona el hermano inmediato pero resulta que entre classA y classC hay hermanos div intermedios, por lo que debes usar ~, quedando:
.classA .classB ~ .classC .classD .classE ...
Se incluyen las 50 respuestas más recientes
Etiquetas relacionadas
css × 8272html × 5520
javascript × 2489
html5 × 1100
bootstrap × 1020
css3 × 829
jquery × 768
php × 565
web × 225
responsive × 194
bootstrap-4 × 163
reactjs × 162
angular × 152
wordpress × 130
flexbox × 125
scss × 112
div × 104
imagen × 97
sass × 89
laravel × 69
mysql × 66
svg × 64
bootstrap-5 × 64
animación × 63
hover × 62