The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Image Size
jbuck1285
post Jun 2 2012, 06:27 PM
Post #1





Group: Members
Posts: 6
Joined: 2-June 12
Member No.: 17,213



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 2 2012, 08:29 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



You've used the image zoom in your browser. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jbuck1285
post Jun 2 2012, 10:11 PM
Post #3





Group: Members
Posts: 6
Joined: 2-June 12
Member No.: 17,213



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jbuck1285
post Jun 3 2012, 01:42 AM
Post #4





Group: Members
Posts: 6
Joined: 2-June 12
Member No.: 17,213



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jun 3 2012, 01:42 AM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I just tried in 4 browsers (Firefox, Chrome, Safari, Opera, all on Mac). I didn't see the image resizing in any of them.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 3 2012, 09:37 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 03:25 PM