/    Sign up×
Community /Pin to ProfileBookmark

Mainteance Facilities does not look right

NONE

to post a comment
HTML

18 Comments(s)

Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 01.2004 — If you want the image to adjust in size to acomodate the resolution then just define the images size in relative units. Percent, I think, might be best.
Copy linkTweet thisAlerts:
@designauthorOct 01.2004 — NONE
Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 01.2004 — Just identify your image or images by their class or id and just say height:XX%; width:XX%; and so on.
Copy linkTweet thisAlerts:
@designauthorOct 01.2004 — NONE
Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 01.2004 — You mean defining the images height and width in percentages moved the images to the top right? ?
Copy linkTweet thisAlerts:
@designauthorOct 01.2004 — NONE
Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 01.2004 — Not entirely sure to be honest at the moment.

1) I've never really needed to make scalable images.

2) It's 6am and my brain is tucked up in bed now. My body just forgot to follow. Check out www.w3schools.org/css for now.

If you haven't found what you needed there and nobody has posted how to do it by then (which is highly unlikely), then I'll have a proper look.
Copy linkTweet thisAlerts:
@ray326Oct 01.2004 — Images should never be resized by the browser. They should always be used in their original sizes and the height and width attributes should be set to match their physical pixel dimensions.
Copy linkTweet thisAlerts:
@designauthorOct 02.2004 — NONE
Copy linkTweet thisAlerts:
@designauthorOct 02.2004 — NONE
Copy linkTweet thisAlerts:
@IncaWarriorOct 02.2004 — get rid of that table you have up there and make it :
[code=php]
<div id="top">
<img src="..." alt=".." />
<ul><li>.</li><li>....</ul>
<img src="...1.." alt=".." class="fright" />
<img src="...2.." alt=".." class="fright" />
</div>
[/code]

then have the menu items in that list and two images below
Copy linkTweet thisAlerts:
@designauthorOct 03.2004 — NONE
Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 03.2004 — [i]Originally posted by ray326 [/i]

[B]Images should never be resized by the browser. They should always be used in their original sizes and the height and width attributes should be set to match their physical pixel dimensions. [/B][/QUOTE]


Why is that? Is it something to do with browsers interpreting the percentage values in different ways, or because or the sacrifice in picture quality or what?
Copy linkTweet thisAlerts:
@designauthorOct 03.2004 — NONE
Copy linkTweet thisAlerts:
@ray326Oct 03.2004 — [i]Originally posted by Mr Herer [/i]

[B]Why is that? Is it something to do with browsers interpreting the percentage values in different ways, or because or the sacrifice in picture quality or what? [/B][/QUOTE]
Primarily the latter but the intent of those attributes is not to facilitate rescaling of images on the fly, the intent is to tell the browser the pixel size of the images so that it can go ahead and render the page while the images are downloading.
Copy linkTweet thisAlerts:
@designauthorOct 03.2004 — NONE
Copy linkTweet thisAlerts:
@Stephen_PhilbinOct 03.2004 — By the sounds of it you should do what I've always done so far and provide a different image for each screen resolution you wish to support. If you want to that is. You could always do the generic 800X600 only, screw the smaller resolution and let things get increasingly smaller for higher resolutions.
Copy linkTweet thisAlerts:
@designauthorOct 04.2004 — NONE
×

Success!

Help @design spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...