[GUSMAN]

A friend created a table for a site of ours:

http://gus-jones.com/FIST/index.php?page=2

I have added pics to this page (I just copied and pasted the code as needed for) and regardless of how big they are they resize to the size you can see.

I have looked at the code and tried to make my own but f I create a table in dreamweaver and insert a pic it just all goes out of proportion and puts the big pic in. I can get round it by resizing the pic but do I have to do that? It doesn't seem like the way my mate has done it.

This is the code for just the first two pics:

<CENTER><FONT face="Comic Sans MS, fantasy" color=#cc9933 size=7>F1ST Clan - Roster </FONT></CENTER>
<HR width="100%" SIZE=2>

<TABLE align=center>
<TBODY>
<TR>
<TD width=100><IMG height=97 src="http://gus-jones.com/FIST/Themes/F1ST/members/dub.gif" width=102> </TD>
<TD width=200><FONT face="Comic Sans MS, fantasy" color=#cccccc size=1>
<UL>
<LI>TAG: Dub
<LI>Position: Clan Leader
<LI>AGE: 34
<LI>Location: UK </LI></UL></FONT></TD>
<TD width=100><BR></TD>
<TD width=100><IMG height=97 src="http://gus-jones.com/FIST/Themes/F1ST/members/shad.gif" width=102> </TD>
<TD width=200><FONT face="Comic Sans MS, fantasy" color=#cccccc size=1>
<UL>
<LI>TAG: Moving Shadow
<LI>Position: -
<LI>AGE: 32
<LI>Location: UK </LI></UL></FONT></TD></TR></TBODY></TABLE>

This resizes the pics.

I dont really want to copy it I would prefer to know what I am doing wrong

Help much app

Gus

[tinkthelizard]

When putting the pic in via dreamweaver, it gives you options on the dimensions of your pictures, if you dont change these dimensions, the picture will appear on the page at full size until you resize it, either via wysiwyg or via the code.

via the lines of code like this
><IMG height=97 src="http://gus-jones.com/FIST/Themes/F1ST/members/dub.gif" width=102>

Changing the hieght and width numbers for the image.

[thecoalman]

Resize them with a image editor to whatever size you want them to display at. Letting the browser resize them will produce aliasing affects on rounded and diagonal edges in the image. In addtion the filesize is larger than it needs to be.

[tinkthelizard]

Originally Posted by thecoalman

Resize them with a image editor to whatever size you want them to display at. Letting the browser resize them will produce aliasing affects on rounded and diagonal edges in the image. In addtion the filesize is larger than it needs to be.

I agree on the filesize, if u want to save space on your hosting server.
Better to resize in a graphics editing program.

reducing the image size will reduce file size also.

[thecoalman]

The aliasing can be quite bad, the following screenshot is a moderate example from a webpage. Top image is normal, middle image is a larger image that was scaled down by the browser, bottom one is smaller scaled up by browser. The aliasing affect can be worse that this, it can also not appear. It depends on the original image size and whatever you are scaling it too.

[matt-h]

Well if you go into Adobe Photoshop, make sure it is RGB mode (not index) and Ctrl&X it, then resize and Ctrl&V then resize and it will resize it properly instead of that scaling stuff above

[Eriksrocks]

Originally Posted by tinkthelizard

I agree on the filesize, if u want to save space on your hosting server.
Better to resize in a graphics editing program.

reducing the image size will reduce file size also.

You forgot to mention the fact that it loads much quicker.