PDA

View Full Version : Newb Question - Picture Problems


sprocket
11-27-2008, 07:15 PM
This is my first attempt at making a website and this was my first time using Dreamweaver...ever, so bear with me. I'm making a "promotional" website for a engineering project, so I have to make this website.

Here's the problem. I have these images that I am using as links. When I open the images from the server, they look fine. However, on the page itself the images get "squished" and blurred. Is there any way to fix that?

Heres the page:

http://cot-linux.tech.uh.edu/~wpngo/index.html


Heres one of the images:
http://cot-linux.tech.uh.edu/~wpngo/OBJ_Button.jpg

...if you look closely the images on the page are distorted and blurred compared to the actual image. How do I fix that?



Thanks

Corrosive
11-27-2008, 07:43 PM
This is my first attempt at making a website and this was my first time using Dreamweaver...ever, so bear with me. I'm making a "promotional" website for a engineering project, so I have to make this website.

Here's the problem. I have these images that I am using as links. When I open the images from the server, they look fine. However, on the page itself the images get "squished" and blurred. Is there any way to fix that?

Heres the page:

http://cot-linux.tech.uh.edu/~wpngo/index.html


Heres one of the images:
http://cot-linux.tech.uh.edu/~wpngo/OBJ_Button.jpg

...if you look closely the images on the page are distorted and blurred compared to the actual image. How do I fix that?



Thanks

This...

<img src="http://cot-linux.tech.uh.edu/~wpngo/OBJ_Button.jpg" alt="Objective" width="250" height="40" hspace="50" border="0" /></a>

is telling the browser that the image is 250 pixels wide. It's not, it's 200 px wide. The browser is stretching the image and making it look bad. Change the width to "200" and it should look better.

sprocket
11-27-2008, 08:23 PM
This...

<img src="http://cot-linux.tech.uh.edu/~wpngo/OBJ_Button.jpg" alt="Objective" width="250" height="40" hspace="50" border="0" /></a>

is telling the browser that the image is 250 pixels wide. It's not, it's 200 px wide. The browser is stretching the image and making it look bad. Change the width to "200" and it should look better.

Shoot, how did I not catch that. :oops:

Thanks

Corrosive
11-27-2008, 08:34 PM
Shoot, how did I not catch that. :oops:

Thanks

No problem.