Help - Search - Members - Calendar
Full Version: Image Size
HTMLHelp Forums > Web Authoring > General Web Design
jbuck1285
Hello,

I'm relatively new to HTML code, but I'm having a problem with an image size on the following website: www.medresultsnetwork.com

In the top right hand corner, you'll see an image ">> Join Now". If you right click the image in firefox and click "View Image Info" you'll see that the dimensions are 176px by 56px (scaled to 150px by 60px). I created the image in photoshop and the image itself has dimensions of 176 x 56. I cannot for the life of me figure out why it is scaled! It's driving me crazy.

If you right click in any white space area on the site in firefox and hit "View Page Source" you'll see the web code. The part of interest starts around here:

<body>
<div id="wrapper">
<div id="logo-part">
<div id="logo">
<a href='Default.aspx'>
<img src='images/MedResultsLogo.png' width='590' height='130' alt='MedResults' border='0' />
</a>
</div>
<div id="join">
<h3>It's Free!</h3>
<a href="Join.aspx" title="Join Us">
<img src="images/JoinNow2.jpg" alt="Join" width="176" height="56" border="0" /></a>
<div id="call">
<img src="images/call.jpg" alt="Call Us" width="240" height="36" border="0" />
</div>
</div>
</div>

I'd be extremely grateful if someone can help me out with this. If you need any more information, please let me know.
pandy
You've used the image zoom in your browser. happy.gif
jbuck1285
QUOTE(pandy @ Jun 2 2012, 08:29 PM) *

You've used the image zoom in your browser. happy.gif


Hmm the zoom in my browser changes nothing. I've tried 3 different browsers (IE, firefox and safari). The image is still scrunched up and scaled.

sad.gif
jbuck1285
QUOTE(jbuck1285 @ Jun 2 2012, 10:11 PM) *

QUOTE(pandy @ Jun 2 2012, 08:29 PM) *

You've used the image zoom in your browser. happy.gif


Hmm the zoom in my browser changes nothing. I've tried 3 different browsers (IE, firefox and safari). The image is still scrunched up and scaled.

sad.gif



I solved it smile.gif. For anyone who wants to know, all I had to do was go into the Site.css file and change the pixel dimensions there as well. Thank you everyone who took the time to read this.
Darin McGrew
I just tried in 4 browsers (Firefox, Chrome, Safari, Opera, all on Mac). I didn't see the image resizing in any of them.
pandy
Actually, thank you. I thought FF used that "scaled to" only when the browser had resized the image. I should add that I didn't see any resizing of that particular image earlier either, but I used an older gecko. Or you had already fixed it when I looked.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.