Tag Archives: css

Resize Images With CSS – Keeping Aspect Ratio As It Is

I found a quick and easy way to rezise images with CSS by keeping your image’s aspect ratio. This is very quick you can use it in less than 5 minutes, lets proceed ;)

Lets say you want to show large images on your web page with maximum 200 pixels width, blog or forums just create the following css class into your styling css file:

.resize

{
width: 200px;
height : auto;
}

.resize

{
width: auto;
height : 300px;
}

Second class will resize the images by keeping height as 300 pixels. You can use the following classes in <IMG> tags like:

<img src="http://mywebsite.com/myphoto.jpg" class="resize" alt="my photo" />

The above solution is always better than putting width and height attributes into the <IMG> tag. Hope it works out for you too ;)

Anyways you can use any image re-size script with server side script technology like PHP. I am working on one of this kind of script which resize the images as you want. I will upload it with another article soon.

Update:

Shubhamoy

An engineer by chance and a blogger by choice. Love to share my knowledge with the masses. My main focus is always on open source technologies and latest gadgets. This blog provides me the platform to cherish my passion.

Website - More Posts

60 CSS Directories

Hi Friends,

Just check this out. 60 CSS(Cascading Style Sheet) Directories. I know you all will surely like this. So, don’t forget to post your comments :-D

60 CSS Directory

  1. www.cssbeauty.com
  2. www.cssdrive.com
  3. www.stylegala.com
  4. www.cssmania.com
  5. www.cssremix.com
  6. www.alvit.de/css-showcase/
  7. www.cssvault.com
  8. www.w3csites.com
  9. www.bestwebgallery.com
  10. www.csselite.com
  11. www.screenalicious.com
  12. www.unmatchedstyle.com
  13. www.designlinkdatabase.net
  14. www.screenfluent.com
  15. www.designsnack.com
  16. www.cssheaven.com
  17. www.cssimport.com
  18. www.cssglobe.com
  19. www.cssreboot.com
  20. www.mostinspired.com
  21. www.thebestdesigns.com
  22. thesis.veracon.net
  23. www.cssbloom.com
  24. www.csscollection.com
  25. www.csstux.com
  26. www.cssbased.com
  27. www.css-website.com
  28. www.designshack.co.uk
  29. www.ceeses.com
  30. anjo.dekiteharu.jp
  31. www.cssclip.com
  32. www.my3w.org
  33. www.csshazard.com
  34. www.artnetz.de
  35. www.css-design-yorkshire.com
  36. www.css11.com
  37. www.cssimpress.com
  38. www.e-motionaldesign.com
  39. www.cssprincess.com
  40. www.cssgaleri.com
  41. www.cssblast.ru
  42. www.creative-pakistan.com
  43. www.netzfruehling.de
  44. www.najdizajn.com
  45. www.edustyle.net
  46. www.csssmoothoperator.com
  47. www.coolsitecollection.com
  48. www.cssgalaxy.com
  49. www.per.fectio.net
  50. www.cssflavor.com
  51. www.onepixelarmy.com
  52. www.piepmatzel.de
  53. www.cssbrain.hu
  54. www.w3c-compliance.com
  55. www.stylegrind.com
  56. www.submitcss.com
  57. inspirace.dobrestranky.com
  58. www.cssgallery.ro
  59. www.cssgreen.com
  60. www.csszengarden.com

Update:

Shubhamoy

An engineer by chance and a blogger by choice. Love to share my knowledge with the masses. My main focus is always on open source technologies and latest gadgets. This blog provides me the platform to cherish my passion.

Website - More Posts

W3C Validation

Hi Folks,

You might have noticed this logo on some websites Validated XHTML. Well, this logo means that the page you are surfing is created according to the norms given by W3C, for creating a XHTML Page. W3C has also given standards for HTML, XHTML, CSS and FEED.

Read the full article here.

Shubhamoy

An engineer by chance and a blogger by choice. Love to share my knowledge with the masses. My main focus is always on open source technologies and latest gadgets. This blog provides me the platform to cherish my passion.

Website - More Posts