Web Design Forum  
 
Go Back   Web Design Forum > Web and Graphic Design > Web Design

Reply
 
LinkBack Thread Tools Display Modes
Old 05-17-2011, 12:53 PM   #1
New Member
 
Join Date: May 2011
Posts: 19
Default CSS picture code

kod i css för att alla bilder på hemsidan visas i en storlek baserad på bredd eller höjd. Bilden ska skalas ner så att den har rätt proportioner fast förminskas... tex alla bilder som läggs in ska ha en ram och vara 200px breda oavsätt höjden och gärna en som gör att bilderna är 200px höga och samma bredd med förståelsen att proportionerna blir fel.

Hey!

This time(!) I'm looking for a CSS code to make every picture on the same site based on width and/or height. The picture(s) are to scale down to have the right proportions. For example every picture which then adds to the site are to have a border and have a width of 200px regardless of height. On the other hand I'd also would love a code that makes the pictures with a height of 200px and with the same width, with the apprehension that the proportions will be wrong.

Thanks,
Richard aka inkui
inkui is offline   Reply With Quote


Old 06-06-2011, 08:51 PM   #2
New Member
 
TheWebGuy's Avatar
 
Join Date: May 2011
Location: Los Angeles
Posts: 9
Default

Not sure what you're asking but if you want to make every image a specific width/height, simply create some CSS like this:

img {
width: 200px;
height: auto;
}

OR

img {
height: 200px;
width: auto;
}

As far as I know, there is no way to evenly proportionate the images using CSS. I'd recommend finding someone who knows JavaScript.
__________________
Mike Johnson
http://MikeJohnsonDesign.com
TheWebGuy is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 07:50 PM.


Camera Forum - Computer Forum - Web Design Forum

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.