Web Design Forums

wheedwacker · 12-11-2007, 14:57

I have been looking at articles about EMs for measurement. How do you work pictures into designs since they are in px? do you have them scale with the rest of the page using ems or what?

I hope that made sense.

Shiro · 12-11-2007, 19:59

Pictures dont change size when you scale a page (usually that is - there are plug ins with which you can change that), so you can hard code the size of the image into the design with pixels. just look at how the text flows with the image after the fact.

wheedwacker · 12-11-2007, 20:04

but i mean like pictures in the CSS and stuff, like backgrounds for the navigation and stuff. if the rest is in EMs and the parts are in pixels, wouldn't that mess up the design when resized?

pgo · 12-11-2007, 20:36

Depends on how well you built it!

Also, if you set the width of an image to be in ems somehow (programmatically) it should scale (I believe I've seen several "scalable image" articles here and there).

twentysixtwelve · 15-11-2007, 08:59

BBC International Television | The BBC's International Commercial TV Channels

Image sizes are set in ems..

funkyprem · 15-11-2007, 09:12

I tried to do this on my site, but found that no matter what I did, the images always royally screwed up when any form of scaling was done to the page.

My solution? Flash. (will implement UFO when I get a chance.)

twentysixtwelve · 15-11-2007, 13:57

Ems work great for text, but not for everything. All my pics are set in px, and my text in ems. I tend to stick fairly close to a few fundamental rules. Containers for content i tend to set width in px, then height in ems. So if the text is resized, my page wont screw up width wise, but can freely stretch vertically.

12-11-2007, 14:57	#1 (permalink)
wheedwacker competitionmaster 2.0 Join Date: Oct 2006 Location: USA Posts: 1,448	Em question I have been looking at articles about EMs for measurement. How do you work pictures into designs since they are in px? do you have them scale with the rest of the page using ems or what? I hope that made sense.

15-11-2007, 09:12	#6 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,547	I tried to do this on my site, but found that no matter what I did, the images always royally screwed up when any form of scaling was done to the page. My solution? Flash. (will implement UFO when I get a chance.) __________________ Time is really the only capital that any human being has, and the one thing that he can’t afford to lose. - Thomas Edison prem ghinde

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

12-11-2007, 19:59	#2 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 3,066	Pictures dont change size when you scale a page (usually that is - there are plug ins with which you can change that), so you can hard code the size of the image into the design with pixels. just look at how the text flows with the image after the fact.

12-11-2007, 20:04	#3 (permalink)
wheedwacker competitionmaster 2.0 Join Date: Oct 2006 Location: USA Posts: 1,448	but i mean like pictures in the CSS and stuff, like backgrounds for the navigation and stuff. if the rest is in EMs and the parts are in pixels, wouldn't that mess up the design when resized?

12-11-2007, 20:36	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Depends on how well you built it! Also, if you set the width of an image to be in ems somehow (programmatically) it should scale (I believe I've seen several "scalable image" articles here and there).

15-11-2007, 08:59	#5 (permalink)
twentysixtwelve css is cool m'kay Join Date: Mar 2007 Location: Currently Vancouver, Canada Posts: 393	BBC International Television \| The BBC's International Commercial TV Channels Image sizes are set in ems..

15-11-2007, 13:57	#7 (permalink)
twentysixtwelve css is cool m'kay Join Date: Mar 2007 Location: Currently Vancouver, Canada Posts: 393	Ems work great for text, but not for everything. All my pics are set in px, and my text in ems. I tend to stick fairly close to a few fundamental rules. Containers for content i tend to set width in px, then height in ems. So if the text is resized, my page wont screw up width wise, but can freely stretch vertically.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)