Comunidad de diseño web y desarrollo en internet online

Condición en css

Citar            
MensajeEscrito el 17 Jun 2013 11:19 pm
Estoy convirtiendo una plantilla de wordpress a responsive design y tengo un problema con la imágenes , hice que las imágenes dentro de un post ocupen todo el ancho , pero el problema es que cuando pones una imagen pequeña como un icono ( :) ) dentro de un post tambien se agranda , Entonces lo que quiero hacer es que si una imagen su ancho es mayor al dispositivo lo adapte y si es menor la deje tal como esta , se puede hacer esto con los selectores de css? ^^

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 18 Jun 2013 05:44 am
crea una clase para las grandes, modificas el tamaño a esa clase.

Código CSS :

img.grande{width:100%;}

Código HTML :

<img src="icono.png" />
<img class="grande" src="grande.png" />

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 18 Jun 2013 12:38 pm
Ponele:

Código CSS :

.tucontenedor img{
max-width: 100%;
}

Con eso, el tamaño máximo que puede ocupar la imagen, es el 100% del contenedor, si es mayor lo achica y si es menor lo deja como esta.

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 18 Jun 2013 04:38 pm
Muchas gracias SIn Semilla , con eso se solucionaba ^^

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome

 

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