CSS classes to resize images

o0slowpaul0o

New Member
Messages
254
Reaction score
0
Points
0
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

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:

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.
 

chaganlal1

New Member
Messages
2,014
Reaction score
0
Points
0
Thanks for the tutorial Even thought i wont use it i am surely glad you posted it on here for others - again Thanks
 

DotCom

New Member
Messages
80
Reaction score
0
Points
0
Thanks for sharing that..I WASN'T look for something like this :ermm: But, I like it anyway.
 
Top