Preguntas con la etiqueta [css3]

La tercera edition de CSS o Hoja de Estilo en Cascada (Cascading Style Sheet - siglas en ingles) y también la ultima. Es normalmente referida como CSS3, y junta capacidades visuales potentes y técnicas versátiles de manipulación de diseño y animación.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
2k vistas

Un div se encuentra tapando un Menu desplegable

tengo un menu que dicho menu tiene submenus y se muestran hacia abajo, lo que ocurre es que cuando pongo para ver el submenu, este se encuentra tapado por un div que tengo para contenido, como puedo ...
Avatar del usuario Victor Escalona
0 votos
1 respuesta
1k vistas

Texto no se hace negrita

Estoy escribiendo un parrafo y en la pagina estoy usando Bootstrap 4 y css3, pero al momento de querer hacer una parte del parrafo en negritas no se hace ni con <b> ni con <strong> ....
Avatar del usuario Victor Escalona
1 voto
2 respuestas
9k vistas

¿Como hacer un botón de ir abajo con HTML y JavaScript?

En estos días e estado haciendo un pequeño proyecto y ya hice un botón de ir arriba ahora me pregunto como hacer uno de ir hacia abajo y quisiera saber como hacerlo con html, javascript para luego ...
Avatar del usuario Sergio Filoth Valiente
1 voto
1 respuesta
852 vistas

CSS: Animacion de paisaje

Quiero hacer un paisaje simple basándome en el cambio de los tiempos del día, amanecer, atardecer y anochecer, ademas de que llegado el intervalo en el que comienza a caer el anochecer quiero agregar ...
Avatar del usuario Sasori1264
0 votos
1 respuesta
208 vistas

el contenido de un <td> rowspan=4 no abarca el 100% del <td>

Estoy maquetando un documento con tablas html, el problema es que quiero poner un logotipo o imagen en un <td> que me abarca 4 filas pero la imagen solo me toma el espacio de equivalente a una ...
Avatar del usuario Alejandro Calixto
1 voto
1 respuesta
11k vistas

como hacer un div responsive?

Tengo varios div como estos en mi pagina qe al hacer hover sobre un mapeado saldran a flote en dicha posicion que les otorge,pero tengo un problema y es que cuando cambia la resolucion la pagina es ...
Avatar del usuario psy
  • 76
7 votos
1 respuesta
95 vistas

Problemas con las líneas de un árbol

Intento hace un árbol con estilos y HTML pero me encontré con este problema, como se aprecia en la imagen de abajo, lo que no se quiere son las lineas que están sombreadas de ROJO: Este es mi código ...
Avatar del usuario Vitmar Aliaga
0 votos
1 respuesta
58 vistas

Ayuda con esta imagen no se ajusta al div

No puedo hacer que esta imagen se acomode este es código css que tengo. lo selecionado es el codigo html de la parte donde esta la imagen CSS .login100-form-title { width: 100%; position: ...
Avatar del usuario Rogelio
1 voto
1 respuesta
51 vistas

Contenido sobre saliente de un dialog con MDL

tengo un problema con un dialog usando Material Design Lite, tengo unos tabs con formularios dentro pero por alguna razón cuando coloco elementos de mas dentro de el los botones de "Guardar" y "...
Avatar del usuario Fernando A. León
0 votos
0 respuestas
49 vistas

duda sobre display table

hola chicos tengo el siguiente codigo: section #info_usuario.conversacion{ border: 3px solid #2856b6; padding: 0px; text-align: left; } section #info_usuario.conversacion h3{ ...
user avatar
3 votos
1 respuesta
1k vistas

¿Como puedo bajar la opacidad de un imagen de background desde 1 hasta 0 y volver desde 0 hasta 1 y así sucesivamente?

// find elements var $window = $(window) var $layer = $('#banner-message') var $section = $('.section') $(window).on('scroll', function() { var $windowScroll = $window.scrollTop() ...
Avatar del usuario Mirko Aloisi
2 votos
3 respuestas
11k vistas

Cómo hacer que un menu lateral (sidebar) quede fijo cuando se haga scroll a la pagina?

He diseñado un dashboard utilizando la plantilla AdminLTE, en esta plantilla el sidebar no queda fijo mientras se hace scroll a la pagina, además que el sidebar va aumentando su altura (height) ...
Avatar del usuario Carmen B.
  • 473
0 votos
2 respuestas
1k vistas

validar campos de un form con javascript para contraseñas

Objetivo: Hacer que cambien de color el texto de arriba del input cuando sean distinta o iguales las contraseñas digitadas. Trato de validar que la nueva contraseña y la repetición de la misma, al ...
Avatar del usuario Leonard Jusa Ockonell
-1 votos
1 respuesta
125 vistas

scroll horizontal bootstrap4

Resulta que estoy haciendo una web con bootstrap4 pero al momento de poner un lorem*1000 para probar el fixed-top de el titulo, resulta que este texto me crea un scroll horizontal pero no se como ...
Avatar del usuario Diego Monsalve
1 voto
1 respuesta
484 vistas

Acomodar una X de cierre de Menu Bootstrap

Estoy haciendo un menú hamburguesa en versión mobile (se visualiza cuando achicas) y estoy teniendo problemas con la X cuando cierra, si bien funciona todo bien el problema con este menú es que cuando ...
Avatar del usuario MarianoF
  • 559
0 votos
1 respuesta
88 vistas

Tengo problemas visualizando la página que estoy desarrollando

Cuando visualizo en mi laptop lo que estoy haciendo, en Chorome o Mozilla, veo algo diferente que si lo veo en otra laptop. En la mía se ven reglas de estilo que ya he borrado y para cuando quiero ...
Avatar del usuario Olga L. V.
0 votos
1 respuesta
290 vistas

No me funciona nth-child() y no sé por qué

He probado de muchas formas seleccionar el último article y nada.... intenté con last-child, le agregué la class="articulo" (que no era necesaria) y sigue sin funcionar. Lo resolví con la línea que ...
Avatar del usuario Fernanda
  • 345
0 votos
1 respuesta
2k vistas

Incluir bootstrap con composer

estoy incluyendo bootstrap con el package de composer de la siguiente manera en el terminal composer require twbs/bootstrap:4.1.1 pero me gustaria incluir en el layout ya que no me funciona al momento ...
Avatar del usuario Avancini1
  • 149
2 votos
2 respuestas
215 vistas

Cómo hacer para que la pantalla gire al acceder desde una tablet o un celular a una web?

Esta es mi web y quiero hacer que cuando se acceda desde el celular o desde una tablet la pantalla gire 90 grados.. http://estudiomavericks.com/ Estoy buscando algo similar, pero no se si es ...
Avatar del usuario Matías N. Cabezas Palmeyro
0 votos
1 respuesta
2k vistas

Modificar el navbar-brand de bootstrap 4

¿Como hacer que el cuadro rojo se centre verticalmente al navbar sin que cambie su tamaño ni el alto del navbar? Tengo un poco de código de css con el que ajusté el tamaño del cuadro rojo sin afectar ...
Avatar del usuario Alejandro Arelis
1 voto
4 respuestas
372 vistas

Como detectar diatónicamente la anchura de la pagina y modificar una clase del CSS

Tengo el siguiente codigo en mi archivo javascript: if (screen.width < 801) { document.getElementById("nav-links").className += "overlay-menu"; } else { document.getElementById("nav-links")....
Avatar del usuario Erik Pastor Rios
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
2 votos
2 respuestas
2k vistas

CSS: animación de auto con sus ruedas y paisaje animados

Quiero crear una animación en la que mi imagen de un auto este sobre un paisaje y que el paisaje pase rápidamente (simulando el recorrido del auto) ademas desearía ver que las ruedas de mi auto ...
Avatar del usuario Sasori1264
0 votos
2 respuestas
369 vistas

Un dropdown menu ocupa espacio como desplegado

Tengo este codigo css: /*menu*/ .dropdownmenu ul, .dropdownmenu li { margin: 0; padding: 0; position: relative; left:5%; width:100%; } .dropdownmenu ul { background: gray; ...
Avatar del usuario Caruso
  • 921
-1 votos
1 respuesta
56 vistas

se puede añadir efectos de javascript a un solo div de la pagina

quisiera añadir los efectos de javascript para que solo funcionen en el div que tiene la linea del tiempo vertical y que no afecten a toda la pagina, solo a esa sección. Como puedo hacer por favor. ...
Avatar del usuario Marisol Castro-Mendivil
0 votos
1 respuesta
6k vistas

CSS: Cambio de colores por intervalos de tiempo

Quiero realizar un cambio de color a todo el body de un html, teniendo como principales colores el amarillo,anaranjado y negro simulando un amanecer,atardecer y anochecer,claramente estos colores ...
Avatar del usuario Sasori1264
0 votos
3 respuestas
1k vistas

Centrar MENU Bootstrap

mi código HTML es el siguiente: .nav-header { position: relative; float: left; width: 100%; z-index: 100; bottom: 20px; } #fh5co-menu-wrap .sf-menu a { padding: 1em .75em; }...
Avatar del usuario Tomas Valentin
-1 votos
1 respuesta
29 vistas

Cómo crear un scroll para la sección aside y otro para la sección content con flex-box

si le coloco la clase overflow: auto; me aparece como deshabilitada body{ overflow:hidden; } .wraper{ -webkit-dispay: flex; -moz-display: flex; -ms-display: flex; display: ...
Avatar del usuario David Roberto
1 voto
0 respuestas
877 vistas

CSS3: Ayuda con width en etiqueta label

Muy buenas. Tengo un problema para entender lo siguiente: Tengo una etiqueta "label" a la que le aplico un ancho de 230px, al ser "label" una etiqueta inline no ocurre ningún cambio, ok, hasta ahí ...
Avatar del usuario esteco
  • 11
0 votos
1 respuesta
3k vistas

Cómo poner imagen de fondo en un div de un formulario login responsive?

tengo problemas para poner una imagen de fondo en un div de un formulario login hecho con bootstrap, pero no he logrado hacerlo. La pagina de login tiene en la parte izquierda el formulario de login ...
Avatar del usuario Carmen B.
  • 473
1 voto
2 respuestas
1k vistas

¿Cómo hago efecto hover con map de imágenes?

Tengo el siguiente mape de imágenes,podría hacerle un efecto hover,para que cuando al cruzar el mouse se les haga zoom dando un efecto de crecimiento o como podría yo hacer esto? <map name="...
Avatar del usuario psy
  • 76
0 votos
1 respuesta
1k vistas

¿Cómo puedo hacer que un div quede fixed a la derecha mientras muevo contenido?

Actualmente estoy realizando un sitio con fullpage js y material design orientado a bootstrap 4 y quiero que uno de los section tenga un div estático que replete el lado derecho y el contenido quede ...
Avatar del usuario Sebastián Lagos Yañez
1 voto
2 respuestas
629 vistas

¿Funciona realmente especificar un margin y un padding a 0 inicialmente?

He visto que es muy común que nada más empezar el css, muchos ficheros empiezan con: *{ margin: 0; padding: 0; } Utilizado en teoría para que todos los elementos no tengan padding ni margin. ...
Avatar del usuario Mr Robot
  • 761
1 voto
1 respuesta
9k vistas

Como puedo darle tamaño a una etiqueta label?

Mi problema es el siguiente, tengo un label dentro de un div que tiene un tamaño especifico, pero el texto del label sobrepasa el tamaño del div y quisiera que si el texto no cabe en el div lo muestre ...
Avatar del usuario Raidel Fonseca
0 votos
1 respuesta
412 vistas

Como redireccionar de un navegador a otro

tengo una pregunta, se puede redireccionar a otro navegador desde un enlace en html? Al entrar al sitio web https://www.xbox.com te aparece despues de unos segundos, un header arriba del menu, que ...
Avatar del usuario Moisés Aguilar
2 votos
3 respuestas
3k vistas

¿Por qué no me funcionan los col en Bootstrap?

Estoy intentando hacer el típico sidebar a la izquierda fijo con height 100% en Bootstrap. Pero, si no le pongo un position fixed, el height no funciona. El problema llega cuando eso ocupa un col-2 y ...
Avatar del usuario Mario Ramos García
1 voto
2 respuestas
79k vistas

Poner un elemento por encima de otro en html con css

tengo dos atributos en el html, pero me queda uno por encima del otro y quiero que el que me quede por encima es el otro. ya les muestro la foto Así debe quedar Así va Codigo Default.ctp (Menu) <...
Avatar del usuario Andrés Vélez
1 voto
1 respuesta
389 vistas

Cambiar color a accordion de Materializecss

Tengo un accordion de Materialize que al hacer click muestra una tabla, lo que quiero hacer es que al dar en el "títutlo" (el div que tiene la clase collapsible-header) se cambie la clase de color de ...
Avatar del usuario José Carlos Castillo
1 voto
1 respuesta
2k vistas

Migración de bootstrap 3 a 4

Muy buenos días, acabo de cambiar los cdn de mi bootstrap, y se me dañaron algunas funciones de la pagina. Por ejemplo un select se convirtió en un boton: Y tenia un wizard por así llamarlo, de ...
Avatar del usuario Andrés Vélez
1 voto
1 respuesta
366 vistas

Como hacer que el clip-path se mueva con la imagen?

Tengo un problema al utilizar clip-path: el clip no acompaña a la figura, no se mueve con ella, sino que se queda pegado en una esquina. Entonces cuando trato de hacer el responsive se complica todo. ...
Avatar del usuario Olga L. V.
-5 votos
1 respuesta
62 vistas

Página de error [cerrada]

tengo una pregunta, como puedo hacer para que un usuario no entre directamente a una página de error, como una página 404 algo asi, pero que no pueda entrar al escribir la direccion de esa pagina en ...
Avatar del usuario Moisés Aguilar
-1 votos
2 respuestas
860 vistas

Como puedo darle un margen al texto del checkbox?

tengo el siguiente codigo: var fieldSet = "<div class='checkbox'><label><input " + propRequired + " data-is-common-control-note='" + IsCommonControlNote + "' data-is-required='" + ...
Avatar del usuario Raidel Fonseca
5 votos
2 respuestas
46k vistas

¿Como poner una imagen de fondo con bootstrap 4 con efecto blur?

Hola resulta que tengo el siguiente código que pone una imagen detrás con boostrap 4, pero no se como ponerle un efecto blur sin que afecte al contenido como lo muestra este código: html,body{ ...
Avatar del usuario Sebastián Lagos Yañez
0 votos
0 respuestas
37 vistas

Problemas con sombra en un div utilizando transition

Tengo un problema con la visualización con una sombra sobre un div. Detalle el codigo en un codepen Codepen Que estoy haciendo mal? Edit: En chrome lo visualizo asi Al parecer es un bug de ...
Avatar del usuario Seba Ortiz
0 votos
1 respuesta
3k vistas

Darle borde a li con css [duplicada]

tengo este estilo que obtuve de la pagina https://cybmeta.com/formas-basicas-con-css-triangulos-circulos-trapecios-rectangulos-cuadrados .circulo { width: 100px; height: 100px; ...
Avatar del usuario Andrés Vélez
0 votos
1 respuesta
84 vistas

¿Porque mi galería de imágenes funciona en desktop pero no en modo responsivo?

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pc o laptop e inclusive una tablet, pero el problema viene cuando quiero visualizarla ...
Avatar del usuario David
  • 3,002
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 ...
Avatar del usuario Ralexhx
  • 399
0 votos
1 respuesta
2k vistas

Mostrar y ocultar divs

Tengo el siguiente problema, ya logre ocultar un div de derecha a izquierda, pero lo que pasa es que el segundo div (el que se va a mostrar) no aparece hasta que el primer se haya ido por completo. ...
Avatar del usuario Andrés Vélez
2 votos
2 respuestas
506 vistas

¿Por qué al asignar un margen a un div mueve a los demás?

Codigo HTML: *{ margin:0; padding:0; } .menu{ text-align:right; margin-right:18px; } .menu a{ color: black; text-decoration:none; padding: 10px 0px; display: block; float:...
Avatar del usuario Carlos Guijarro
3 votos
2 respuestas
483 vistas

¿Cómo hacer hover correctamente en los elementos del menú dropdown?

Estoy haciendo un menú de tipo dropdown para mi aplicación. El caso es que, al hacer el hover sobre el icono de dropdown, sólo puedo hacer hover a los dos primeros elementos. Después de eso, se cierra ...
Avatar del usuario ramon guardia