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.
1,517
preguntas
0
votos
0respuestas
38 vistas
El CSS no funciona igual en todas las páginas. En algunas, parte de la barra de navegación me aparece en la cabecera
Tengo mi proyecto hecho en php y javascript con include_once o require_once. La parte visual reutilizable, como la cabecera o el pie de página, son archivos HTML.
En algunas, como la página de nuevo ...
0
votos
0respuestas
19 vistas
Adaptar elementos html dependiendo altura de dispositivo móvil
Tengo un sitio web el cual tiene un slider que ocupa toda la pantalla, en computadoras y dispositivos móviles pequeños se ve todo muy bien pero cuando es un celular grande o computadora grande se me ...
1
voto
1respuesta
95 vistas
Transformación de button o input de forma dinámica
Estoy realizando un formulario donde pregunto algo.
La idea es que las alternativas tengan apariencia dinámica, pero no logro hacerlo. Averigüé sobre canvas y nada. Estaba poniendo una imagen de fondo,...
0
votos
1respuesta
17 vistas
Problema con animaciones SVG html css3
Hola a todos estoy tratando de manipular un logo exportado en svg con css, y no se que pasa, intento que la animación sea como un spinner, pero al momento de aplicarlo en lugar de girar el engranaje ...
0
votos
0respuestas
21 vistas
Como quitar margin de un carrousel de boostrap?
rediseñe el tamaño de un carrusel de boostrap el problema es que me aparece un margin al costado derecho que no puedo quitar con nadar y debido a esto no puedo aplicar el float:right; para llevar el ...
0
votos
2respuestas
23 vistas
Espacio en blanco generado por el navegador mozilla
tengo un problemita respecto a una maquetación veran se genera un espacio en blanco que solo me pasa con el navegador mozilla, lo cual ocaciona que el menu no se acomode como debe ser ya que este ...
0
votos
0respuestas
27 vistas
Código CSS no funciona en algunas partes
estoy practicando desarrollo web y estoy intentando maquetar sitios con HTML5 y CSS3 mientras practico otras tecnologías para no olvidar nada, pero mi código CSS no se está aplicando al último que ...
0
votos
0respuestas
35 vistas
Problemas para hacer diseño de una barra de búsqueda responsiva
Estoy incorporando una barra de búsqueda en la pagina principal de mi website de prueba, usando bootstrap 4. Esta barra de busqueda esta compuesta principalmente por un select (para seleccionar ...
1
voto
2respuestas
42 vistas
4 condiciones dentro de un If() y solo falla con una
llevo rato tratando de entender porqué me pasa esto pero no logro ver nada. Tengo un Background Maker que básicamente es un gradient en el que se escogen los dos colores y la orientación y además ...
0
votos
0respuestas
73 vistas
Como enfocar la tecla ENTER en un botón
estoy haciendo un formulario de logueo con Angular, el cual tiene un campo para el usuario, otro para la contraseña, y al lado de este campo tiene un ícono que si lo presionas, te permite ver la ...
0
votos
0respuestas
11 vistas
Animar propiedad transform en lugar de width
Tengo la siguiente funcionalidad en mi aplicación, la cual, muestra un barra horizontal con diferentes subelementos que rellenan la barra dependiendo de un valor de porcentaje.
Estos subelementos ...
1
voto
1respuesta
28 vistas
Ayuda con SVG. Ajustar tamaños
Estoy haciendo cambios en mi web y me dieron unos íconos, que para realizar animaciones pequeñas las he exportado como svg, pero al momento de ponerlos en la web, sólo 2 mantienen el tamaño correcto:
...
0
votos
0respuestas
17 vistas
Scrollbar de un <p> dentro de un <div> sin ninguna altura específica
la situación es la siguiente:
En mi layout, hecho con display: grid, tengo dos columnas. El contenedor principal tiene un height: 100vh, y la idea es hacer una tarjeta que ocupe todo el espacio ...
-1
votos
1respuesta
36 vistas
¿Activar el card hover con un botón? [cerrada]
Quiero saber como puedo activar el card hover con un botón e buscado y no e podido encontrar un ejemplo claro ni se como empezar a codificarlo.
Tengo esta imagen de ejemplo.
0
votos
1respuesta
78 vistas
Problemas con css, nose si es problema de padding o margin
Estoy teniendo este problema:
Y la verdad nose a que se debe porque no toque ni el margin ni el padding. Mi etiqueta nav esta dentro del header, que en el header es la única etiqueta que hay. Mi ...
0
votos
0respuestas
22 vistas
Tabs rotativos pero el script me genera error TypeError: $(…).tabs is not a function
estoy construyendo unos tabs rotativos pero el script me genera error TypeError: $(...).tabs is not a function
// Count the number of tabs
var countTabs = $('.nav-tabs').children().length;
// Find ...
0
votos
0respuestas
47 vistas
Estilos no funcionan en Internet Explorer
Tengo problemas con algunos estilos, no se como hacer para que se muestren de buena manera en internet explorer, nunca he trabajado con esos estilos.
esto es para un nav, le cual hace que en ...
0
votos
0respuestas
21 vistas
Insertar un menu de puntos en un div
Tengo un div que contiene la representacion de una mesa como el la imagen
este es el codigo de cada boton
<div class="col-sm-2 button-pco">
<div class="card alert text-...
0
votos
0respuestas
48 vistas
¿Cómo empujar un elemento hacia abajo automáticamente utilizando mat-accordion?
Quisiera saber como empujar hacia abajo un elemento de forma natural automáticamente con css (adjunto imagen sobre lo que sucede). En la imagen se muestra a los elementos del mat-expansion-panel ...
0
votos
1respuesta
38 vistas
Como cambiar el tamaño con .resize
Quiero cambiar el tamaño de mi caja en mi servidor ISS. Este es el código utilizado. Al hacer click en el botón Cambiar Tamaño no sucede nada.
<!DOCTYPE html>
<html lang="en">
<head>...
0
votos
1respuesta
597 vistas
¿Como mostrar u ocultar un <div> con php?
Quisiera saber una forma de como mostrar u ocultar un div según la respuesta de la base de datos con php
Codigo HTML (Este es el DIV que quiero ocultar o mostrar)
<div id="nameDiv">
<h6 ...
2
votos
1respuesta
167 vistas
¿Cómo hacer esta tarjeta usando CSS?
¿Alguien puede ayudarme a realizar esta tarjeta usando CSS?
He utilizado el pseudo elemente ::before para realizar la forma diagonal pero al hacerlo así los dos bordes redondeados quedan cuadrados y ...
4
votos
1respuesta
202 vistas
Ocultar el primer option del select al desplegar
tengo un problema que no sé como solucionar.
Tengo un select en el cual aparece por defecto la primera opción seleccionada "Seleccione una opción"
<select class="sel">
<option value="" ...
0
votos
1respuesta
30 vistas
No reubicar DIV al IMPRIMIR
Tengo un problema al cual no le puedo encontrar una explicación. Mi página está, a mi criterio, debidamente dividida en que ocupan el 100% de la página y otros que ocupan el % necesario para que uno ...
1
voto
0respuestas
74 vistas
activar animaciones al hacer scroll hacia arriba y hacia abajo. cuando la animacion se ve en pantalla
$(function() {
var $window = $(window),
win_height_padded = $window.height() * 1.1,
isTouch = Modernizr.touch;
if (isTouch) { $('.revealOnScroll').addClass('...
3
votos
0respuestas
116 vistas
Como puedo generar una animacion en login con transiciones?
Estoy intentando copiar el efecto de una animación como la que adjunto en el video que hace que cuando sube el recuadro verde hace un efecto de transición que logro saber como se llama.
Adjunto el ...
0
votos
2respuestas
601 vistas
Como dejar activo el background-color al pulsar un boton con css
Tengo 2 botones en un formulario, si pulso sobre 1 dibujo su fondo de un color y con el otro igual, pero al pinchar en un input, se me va el color del boton seleccionado.Lo que necesito es que siga el ...
0
votos
1respuesta
43 vistas
la propiedad background-image no cambia
Estoy tratando de que la imagen de fondo cambie dependiendo de en que dispositivo se vea pero siempre carga la imagen que esta en la propiedad only screen and (min-width: 768px). No sé por que pasa ...
8
votos
1respuesta
93 vistas
Mi animación no funciona en la última sección de mi proyecto
Estoy haciendo como mi primer portafolio donde tiene varias secciones, las cuales son:
About Me (información sobre mí)
Proyectos
Grilla de contacto
Lo que intento hacer, con JS Y CSS, es que a ...
2
votos
1respuesta
404 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/...
0
votos
1respuesta
73 vistas
scrapping python, no puedo obtener la clase id soup.select('')
Abre en el navegador los enlaces de la página, pero no encuentro las id principal para todas las demás id de los links
import requests, webbrowser, bs4
print('Searching...')
res = requests.get('https:...
-1
votos
1respuesta
35 vistas
Tengo un menu desplegable simple y cuando das click en el body no se regresa
Mi duda es como hago para cuando tocas en la pagina o deslizas hacia abajo el menú se regrese, me imagino que con javascript pero tengo mínimo conocimiento. Dejo el código muchas gracias.
Codigo ...
0
votos
1respuesta
202 vistas
Hacer signo de interrogación con css
Tengo este código css:
.icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 50%;
margin: 20px auto;
position: relative;
box-...
0
votos
1respuesta
39 vistas
Altura del contenido correcta
i quiero que el header tenga la altura por defecto (con un padding que le pongo) y el footer un 10%, como hago para que el contenido me ocupe el resto para que todo en conjunto sea el 100% de la ...
0
votos
1respuesta
29 vistas
Problema con pseudoclase hover
Espero darme a entender...
A unas imágenes les agregué :hover con parámetro opacity: 60%. Por otra parte, el header donde tengo el menú superior, tiene el parámetro position: fixed.
Cuando doy ...
3
votos
3respuestas
2k vistas
¿Cómo cambiar formato de input type=date?
Necesito que el i'nput type=date' al momento de escoger la fecha se muestre de la siguiente forma:
Hoy, 02 Febrero 2020
Miercoles,30 Febrero 2020
Y no de la forma ...
0
votos
0respuestas
27 vistas
codificación idioma español-italiano carácter diferente navegador
Buen dia. tengo un problema con la codificación de letras en esta pagina web
Donde todo combinación de letra "fi" lo cambia por "ä" en el navegador italiano. Es decir en mi navegador se ve bien la ...
9
votos
2respuestas
245 vistas
Modificar lado de crecimiento `width` con `transition` dependiendo de la cercanía al borde derecho de la pantalla `css3`
Genero las listas con css3 de esta manera:
.list-contenedor {
max-width: 400px;
min-width: 150px;
height: 50px;
position: unset;
font-size: 10pt;
}
.list-maquina {
position: relative;
...
0
votos
0respuestas
31 vistas
scroll css me corta al final
estoy tenieno problemas al hacer scroll, ya que cuando este termina, me corta mis divs, card o text y no los termina de mostrar como es debido.
Aqui dejo una imagen del problema:
Este es el codigo ...
3
votos
1respuesta
43 vistas
Es posible solapar contenido sobre otro sin modificar la posición de los demás?
Estoy intentando crear unas listas que no se muestren completas. Solo quiero que se muestre la que esta como "activa" y asemeja el encabezado. Después, con css quiero que al pasar el ratón se muestre ...
1
voto
5respuestas
545 vistas
¿Cómo llamar un archivo html? [cerrada]
Si así se usa un link para incluir “llamar” un archivo css, entonces ¿Cuál sería la etiqueta para incluir un archivo html?
<link rel="stylesheet" type="text/css" href="">
4
votos
1respuesta
256 vistas
¿Cómo hacer que un card respete el tamaño de su imagen?
Básicamente estoy haciendo como mi primer portafolio donde tiene varias secciones y entre ellas está la de proyectos. En esta parte tengo dos imágenes, que representan dos proyectos con una breve ...
1
voto
1respuesta
27 vistas
¿Cómo imprimir imagen sobre otra recortándola?
Tengo el siguiente código HTML y CSS:
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" ...
3
votos
3respuestas
641 vistas
¿Cómo colocar una imagen sobre otra con CSS o CSS3? [cerrada]
Tengo el siguiente problema:
Cuento con una imagen base que está en formato PNG, esta imagen no tiene fondo. Es la siguiente:
Ahora, ¿cómo puedo hacer para colocar otra imagen arriba de esa pero que ...
1
voto
0respuestas
44 vistas
Efecto zoom blur en canvas con javascript
estoy intentando crear un efecto "zoom blur" para crear una transición entre 2 canvas con css y javascript, pero lo único que he conseguido lograr hasta el momento es aplicar una transformación de ...
6
votos
1respuesta
284 vistas
chrome no reconoce justify-self: center
Buen dia, Estoy usando la grid de css por primera vez y en mozilla todo perfecto, pero en chrome no me toma el justify-self. Ahi alguna compatibilidad que no conozca??
Paso el codigo para que vean ...
1
voto
2respuestas
139 vistas
¿Cómo puedo mostrar imágenes diferentes pero responsivas para todos los dispositivos?
Tengo la siguiente situación:
Estoy creado un tipo slider responsivo con tres imágenes con diferente tamaño:
1.jpg para dispositivos móviles.
2.jpg para tablets o mini laptops.
3.jpg para pantallas ...
1
voto
2respuestas
364 vistas
Botón 'position:fixed;' dentro de un modal
Quiero tener un botón que esté siempre visible solo dentro del modal es decir, cuando abra ese modal, da igual cuanto baje, que el botón siempre esté visible.
El problema está que no puedo poner ese ...
3
votos
2respuestas
178 vistas
Contenedor redimensionable con overflow y elementos dentro usando Bootstrap
Tengo una plantilla de pantalla maquetada con Bootstrap 4 con menú, cabecera, cuerpo y pie de pagina dividida de la siguiente manera:
"******************************************"
"* * ...
3
votos
1respuesta
135 vistas
Cómo puedo conseguir que el texto se mueva con el slider?
Tengo un slider hecho solo con html y css. Las imágenes se mueven correctamente pero el texto relacionado con cada una de ellas no. Aparece uno encima de otro superpuesto y sin animación. En cada "...