| Author | Message | ||
     Thokkalohdi Junior Artist Username: Thokkalohdi Post Number: 1000 Registered: 01-2008 Posted From: 24.6.104.213 Rating: N/A |
so forexample taking the example i gave, in html you have an image: <img> add a class "class="ri"" to it like: <img> now for a mobile device i want the image to be 25% of height and 25% of width in CSS file i write: /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { img.ri { width: 20%; height: 20%; } } and so forth... Ranbir Kapoor is god of acting | ||
| Thokkalohdi Junior Artist Username: Thokkalohdi Post Number: 999 Registered: 01-2008 Posted From: 24.6.104.213 Rating: N/A |
Responsive lo CSS3 meeda cheyyochu, nenu ichina example orientation batti image ni center chesthundi... thats the quick example i found online... but you can also define your own media queries for each view-port size in CSS, inside of which you can define the image class properties as to what size, hieght etc, also switch images: /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } Ranbir Kapoor is god of acting | ||
| Nanigadu Hero Username: Nanigadu Post Number: 11147 Registered: 02-2008 Posted From: 99.254.150.227 Rating: N/A |
meeru icchindi image in always center of the page lo align cheyyatam, but Hyder adugutundi adi kadu, he wants to resize the image based on the resolution, as in increase its width/height dynamically ani anukuntunna My show on TORI Raagala Pallaki - every Friday - EST 8 to 9 PM USA - 703-879-6611 UK - 4412 2377 0661 India - 040 66624513 Skype - tori.live1 Live Link: http://www.teluguoneradio.com/player/tori-live.html | ||
| Nanigadu Hero Username: Nanigadu Post Number: 11146 Registered: 02-2008 Posted From: 99.254.150.227 Rating: N/A |
scripting like javascript vadali, but aina image size pencharu evvaru, because you can't guess your users resolution, and what if you have a small image that you are using as a BG and if you to resize that image, you will get lot of distortion... design ur page in such a way that your BG image can stretch or fake stretch based on the screen resolution My show on TORI Raagala Pallaki - every Friday - EST 8 to 9 PM USA - 703-879-6611 UK - 4412 2377 0661 India - 040 66624513 Skype - tori.live1 Live Link: http://www.teluguoneradio.com/player/tori-live.html | ||
| Thokkalohdi Junior Artist Username: Thokkalohdi Post Number: 998 Registered: 01-2008 Posted From: 24.6.104.213 Rating: N/A |
maaku ledu.. andukey frameworks vadutham... j/k Ranbir Kapoor is god of acting | ||
| Thokkalohdi Junior Artist Username: Thokkalohdi Post Number: 997 Registered: 01-2008 Posted From: 24.6.104.213 Rating: N/A |
framework ledantey CSS3 lo chesuko simple ga... http://www.sitepoint.com/css3-responsive-centered-image/ http://cssdeck.com/labs/responsive-image Ranbir Kapoor is god of acting | ||
| Commonman Comedian Username: Commonman Post Number: 1275 Registered: 05-2012 Posted From: 98.221.83.18 Rating: N/A |
manaku anta talent ledu.. frontpage use chesi standard template teesukoni, bg colors, drag and drop images etc add chetha.. code got generated automatically. But needs to update the code to re-size it properly | ||
| Ntr_rocks Moderator Username: Ntr_rocks Post Number: 59545 Registered: 04-2009 Rating: N/A |
Javascript/Jquery use cheyali, framework enti ? | ||
| Thokkalohdi Junior Artist Username: Thokkalohdi Post Number: 996 Registered: 01-2008 Posted From: 24.6.104.213 Rating: N/A |
what framework are you using? Ranbir Kapoor is god of acting | ||
| Commonman Comedian Username: Commonman Post Number: 1274 Registered: 05-2012 Posted From: 98.221.83.18 Rating: N/A |
I have no coding exp. So need a small help. Google chesi trial n error chese time leka asking here.. don't laugh the at the silly doubt :-) I have created a simple webpage using some GUI tool (which generated html code).. how to make it responsive? i have a image on the home page and it needs to get auto adujusted based user screen size/resolution.. how? |
