¿Cual es la diferencia entre position: relative, position: absolute y position: fixed?

publicado por: Anonymous 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? solución La propiedad position sirve para posicionar un elemento dentro de la página. Sin embargo, dependiendo de cual sea la propiedad que usemos, el elemento tomará una referencia…(Continue Reading)

Coordinar barra lateral y navegador co bootstrap

publicado por: Anonymous Buenas! Lo primero de todo soy un supernoob con páginas web y he tomado la mala decisión de usar bootstrap en mi primer proyecto de la universidad, así que agradecería todo consejo que podáis darme :3 Estoy haciendo una plantilla de la barra de navegación y la barra lateral y quiero que…(Continue Reading)

Error en Calculadora HTML5: TypeError: Cannot set property ‘onclick’ of null

publicado por: Anonymous Creo que el problema esta en la declaración de variables el código aun no esta completo ya que falta funciones por asignar pero las funciones básicas no me están funcionando ej: suma, resta, multiplicación y divicion. con ellos los números. PD: tambien puede ser problema con el codigo de la pantalla pero…(Continue Reading)

Imagenes usadas en seudolementos css ¿Es posible cambiar su tamaño?

publicado por: Anonymous Muy buenas a todos. Respondiendo una pregunta de la comunidad se me vino otra duda, siempre que usó imágenes en pseudoelementos ::before y ::after las coloco como background porque siempre que las intento usar como contenido: ::before{ content: url(‘imagen.jpg’) } A estas imágenes nunca les he podido modificar las dimensiones (alto y…(Continue Reading)

¿Cómo crear button anterior y siguiente con jQuery/css?

publicado por: Anonymous Cómo añado dos botones ( < ) ( > ), uno a la derecha y otro a la izquierda. Funcionalidad jQuery anterior y siguiente. Ejemplo: Código slider jsfiddle. solución En base al ejemplo publicado, puedes hacer lo siguiente. En tu HTML: agrega dos enlaces, a tu gusto, que representarían las flechas izquierda…(Continue Reading)

¿Como alinear imágenes html con css, en: varias filas y colocando en cada una de ellas, de 3 a 4 imágenes alineadas?

publicado por: Anonymous Intento desde wordpress insertar y alinear imágenes colocando de 3 a 4 en cada fila, ejemplo: ¿Como hacerlo con CSS, y ponerle la propiedad para que se vea responsive? _x000D_ _x000D_ <img> <img> <img> <img>_x000D_ <img> <img> <img>_x000D_ <img> <img> <img> <img>_x000D_ <img> <img> <img> _x000D_ _x000D_ _x000D_ _x000D_ _x000D_ <img src=”http://foroam.com/wp-content/uploads/2017/02/CMIC_Fondo-de-fondos_logo_baja.jpg”…(Continue Reading)

Como puedo saber el ancho de pantalla en donde se esta abriendo la pagina web?

publicado por: Anonymous Estoy haciendo unas pruebas iniciales ya en el estado de producción. Todas las páginas del proyecto cargan en el inicio lo siguiente: <style> body { padding-left: 30px; padding-right: 30px; } </style> Lo estuve probando un dispositivo movil y se ve bien, en una PC perfecto. Ahora bien, cuando cargo formularios de ingreso…(Continue Reading)

¿Como aplicar transformaciones CSS3 a un elemento padre sin afectar los elementos hijos?

publicado por: Anonymous Necesito aplicar una transformación de scale y skew a un div, pero al realizar dicha transformación resulta que también se le aplica a los elementos hijos. ¿Como hago para que los elementos hijos omitan esa propiedad? solución Realmente, como ya te han comentado, se podría realizar esto simplemente revirtiendo el valor de…(Continue Reading)

¿Como puedo agregar un botón de “ver más” en este bloque de código?

publicado por: Anonymous He estado intentando agregar un botón de “ver más” pero no consigo que funcione ninguno de los que he probado hasta ahora, esté es mi HTML: _x000D_ _x000D_ //En el primer “ver más” se aprecia que hay una función en el onclick, es esta:_x000D_ _x000D_ function showMore() {_x000D_ document.getElementsByClassName(“texto-oculto”).style.visibility = “visible”;_x000D_ }…(Continue Reading)

¿Cómo actualizar código jQuery a la nueva versión y solucionar error en editar usuario – ajax?

publicado por: Anonymous Tengo realizado un pequeño script de un popup modal box jQuery. Pero observó que en la nueva versión jQuery existen nuevos cambios, código que ya está obsoleto, cómo puedo actualizar jQuery 2.1 a la versión jQuery 3.2.1 utilizando los nuevos métodos de respuesta ajax done y fail en vez del antiguo uso…(Continue Reading)

Generar un grid con un div que ocupe más de una fila en Bootstrap 4

publicado por: Anonymous Estaba utilizando una versión 3 de Bootstrap. Ahora que actualicé a la versión 4 tengo el siguiente problema: Me funcionaba con Bootstrap 3 (ver en página completa): _x000D_ _x000D_ .titulo {_x000D_ height: 200px;_x000D_ background: #666;_x000D_ border: 1px solid #333;_x000D_ }_x000D_ _x000D_ .dato {_x000D_ height: 100px;_x000D_ background: #666;_x000D_ border: 1px solid #333;_x000D_ }…(Continue Reading)

como hacer que una transición de “height” en css haga crecer mi div solo hacia arriba?

publicado por: Anonymous tengo un div al que quiero darle el efecto de crecer al pasar el ratón por encima utilizando las propiedades CSS transitions, pero no se muy bien como funciona, como lo tengo actualmente al pasar el ratón por encima del div este crece pero hacia arriba y hacia abajo, lo que quiero…(Continue Reading)

¿Cómo dividir dos partes desiguales utilizando bootstrap?

publicado por: Anonymous Siguiendo los ejemplos de Cristina Castro en una pregunta anterior basándose en el mismo tema Bootstrap. El problema está en que los dos contenidos div se dividen en partes iguales como se puede observar en este ejemplo: _x000D_ _x000D_ body {_x000D_ font-family: “Helvetica Neue”, Helvetica, Arial, “Lucida Grande”, sans-serif;_x000D_ font-size: 1em;_x000D_ line-height:…(Continue Reading)

¿Cómo adaptar un icono png a un menú responsive css?

publicado por: Anonymous Tengo un error en adaptar un icono png a un menú responsive, al cambiar el tamaño del navegador o al hacer la pantalla más pequeña el número de contacto salta de su ubicación. En cambio el texto en vez de saltar de su ubicación este se encima uno tras otro. ¿Cómo lograr…(Continue Reading)

Posicionar un div dentro de otro en la parte superior y los demas abajo

publicado por: Anonymous tengo un div padre y dentro 4 div internos hijo uno al lado del otro, dentro de cada div hijo tengo 3 div; uno contiene un titulo, el otro una imagen y el ultimo un icono. He notado que se alinean desde abajo y si una imagen no tiene la misma altura…(Continue Reading)

Como puedo agregar una clase a un li sino la tiene o eliminarla si la tiene

publicado por: Anonymous Estoy agregando unos elementos dinámicamente mediante Jquery a una página cada vez que le doy clic al botón. Tengo en el archivo de css la siguiente clase: ul li.marked { color: #ABABA4; text-decoration: line-through; } Ahora lo que quiero es que si le doy clic a un li y no tiene la…(Continue Reading)

Como alinear iconos en la celdas

publicado por: Anonymous Hola estoy utilizando la librería fontawesome para mostrar unas unos iconos en unas celdas <script defer src=”https://use.fontawesome.com/releases/v5.0.8/js/all.js”></script> Intento ponerlo en la parte superior de la celda, y convalign=”top” ni con vertical-align: top consigo ponerlo. Cuando estamos visualizando la tabla en una pantalla en posición horizontal, se ve bien porque cada línea de…(Continue Reading)

Cómo centrar correctamente menú de listas horizontal dentro de nav con css

publicado por: Anonymous Este es mi código del menú: _x000D_ _x000D_ <nav class=”nav”>_x000D_ <ul>_x000D_ <li><a class=”menu__link” href=” “>Ejemplo</li></a>_x000D_ <li><a class=”menu__link” href=” “>Ejemplo</li></a>_x000D_ <li><a class=”menu__link” href=” “>Ejemplo</li></a>_x000D_ <li><a class=”menu__link” href=” “>Ejemplo</li></a>_x000D_ <li><a class=”menu__link” href=” “>Ejemplo</li></a>_x000D_ </ul>_x000D_ </nav> _x000D_ _x000D_ _x000D_ solución Se puede lograr con flexbox, estableciendo <ul> como su contenedor, fijando la dirección en columnas…(Continue Reading)

Invertir orden de div

publicado por: Anonymous si tengo 2 div de la siguiente forma <div class=”uno”></div> <div class=”dos”></div> como hago para invertirlos con css?, sin usar position:absolute. que quede así <div class=”dos”></div> <div class=”uno”></div> se puede? solución la única forma de darles orden con css es usando la propiedad flex para el contenedor de estos elementos _x000D_ _x000D_…(Continue Reading)

Como puedo hacer un menu sobre una imagen?

publicado por: Anonymous Espero y me puedan ayudar con una duda que tengo ya que desconozco mucho sobre css todavía. Bueno, como puedo hacer un menu sobre una imagen con css ejemplo tengo el siguiente código html y css: <div class=”image-menu”> <img src=”images/img-bg.jpg” alt=”test”> <ul class=”text-menu”> <li>TITULO 1</li> <li>TITULO 2</li> <li>TITULO 3</li> <li>TITULO 4</li> </ul>…(Continue Reading)

¿Por qué no funciona la propiedad margin-top: 0 en mi proyecto MVC?

publicado por: Anonymous Estoy trabajando con MVC 5 y en mi Layout “_Layout.cshtml” quiero poner un header <header> <div class=”jumbotron”> <h2>Bienvenido</h2> </div> </header> Sin embargo, el header no aparece en el limite de la ventana sino un poco mas abajo: así que intente con esto: <style> .jumbotron { margin-top: 0; } </style> y siguió sin…(Continue Reading)

Carousel thumbnail bootstrap 4 no carga correctamente todos los elementos

publicado por: Anonymous Me encuentro realizando una sección de artículo relacionados con bootstrap 4 pero, el problema es que nada más se alcanza a ver un item en vez de los 4 que debería tener el carousel. <div class=”container”> <div class=”col-sm-12″> <h3>ARTÍCULOS RELACIONADOS</h3> </div> <hr> <div class=”col-sm-12″> <div id=”carouselExample” class=”carousel slide” data-ride=”carousel” data-interval=”9000″> <div class=”carousel-inner…(Continue Reading)