Comunidad de diseño web y desarrollo en internet online

Ayuda con slider en mobil

Citar            
MensajeEscrito el 06 May 2017 05:26 am
Hola tengo una duda ya que soy nuevo en esto de CSS Y HTML, me he encontrado un slider por ahi y lo puse en mi pagina web en creación y he puesto el código para que al entrar en resolución de mobil desaparezca y pues queda el espacio en blanco ahí y quisiera saber como hacer para que en ese espacio poner una imagen

Gracias

Por Aleman123

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 May 2017 10:33 pm
Si utilizas dos div diferentes
puedes aprovechar @media

Por ejemplo:

Esto en el html:
<div class="slider"></div>
<div class="img"></div>


En el css general esto:

.slider {
display:block;
}
.img {
display:none;
}

En el css para Móvil esto:

.slider {
display:none;
}
.img {
display:block;
}

Por jearj

41 de clabLevel



 

mozilla
Citar            
MensajeEscrito el 07 May 2017 05:15 pm
Excelente man, muchas gracias !

Por Aleman123

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 08 May 2017 11:26 am
De nada amigo

Por jearj

41 de clabLevel



 

mozilla

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.