|
|
|
|||||||
 |
|
|
Thread Tools | Search this Thread | Display Modes |
|
#1
07-18-2005, 18:19
|
||
|
CSS classes to resize images
Got bored at College today and decided the fondle about alittle, I didn't know about this untill I did it by an accident. Maybe on other sites, never seen it though. Oh, one thing. Saying stuff like I was looking for somehing like this will be lies. I get it most from my tutorials, sorry for my rudness. =)
To the point. Here is the code that you can use to resize your images automatically by using CSS HTML Code:
.sig img { max-width: 400px; max-height: 80px; letter-spacing: expression(((this.width>400)?this.width=400:null)?"normal":"normal"); word-spacing: expression(((this.height>80)?this.height=80:null)?"normal":"normal");} .avatar img { max-width: 80px; max-height: 80px; letter-spacing: expression(((this.width>80)?this.width=80:null)?"normal":"normal"); word-spacing: expression(((this.height>80)?this.height=80:null)?"normal":"normal");}
Change the values in px to what you need. For each class, you need to give the same values for all the widths and all the heights. Each class, that you can rename as you want, can be applied to a div. For example: HTML Code:
<div class="sig"> HTML code here </div> If your HTML code contains some images, they will be resized to what you defined in the CSS.
__________________
http://img76.imageshack.us/img76/6450/sc2but4ng.gif | http://img495.imageshack.us/img495/...ogorwtan0je.gif | <a href="http://webtools.sc2.info"><img src="http://img129.imageshack.us/img129/8682/sc2webtan7ju.gif" border="1" width="100" alt="Free Webtools for all" /></a> | <a href="http://www.indexrated.com"><img src="http://img398.imageshack.us/img398/4813/listed1pb.gif" border="1" width="100" alt="Index Rated Directory - Rating Quality Sites" /></a> Get all Games,Apps and Wallpapers Nokia, Samsung and Sony Erricson!! |
|
|
|
|
|
| Thread Tools | Search this Thread |
| Display Modes | |
|
|
Linear Mode
