There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Tables and images


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
GUSMAN's Avatar
GUSMAN GUSMAN is offline   GUSMAN has a birthday soon!
Senior Member with 721 posts.
 
Join Date: Dec 2001
Location: WALES
08-Sep-2006, 06:28 AM #1
Tables and images
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's Avatar
Computer Specs
Senior Member with 215 posts.
 
Join Date: Apr 2006
Experience: Advanced
08-Sep-2006, 06:37 AM #2
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's Avatar
Computer Specs
Distinguished Member with 2,503 posts.
 
Join Date: Mar 2006
Location: Pennsylvania
Experience: What's the shiny red button for? <click>
08-Sep-2006, 10:23 AM #3
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's Avatar
Computer Specs
Senior Member with 215 posts.
 
Join Date: Apr 2006
Experience: Advanced
08-Sep-2006, 10:50 AM #4
Quote:
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's Avatar
Computer Specs
Distinguished Member with 2,503 posts.
 
Join Date: Mar 2006
Location: Pennsylvania
Experience: What's the shiny red button for? <click>
08-Sep-2006, 11:00 AM #5
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's Avatar
Computer Specs
Senior Member with 314 posts.
 
Join Date: Apr 2006
Location: Warks, ENGLAND
08-Sep-2006, 12:29 PM #6
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's Avatar
Computer Specs
Senior Member with 1,859 posts.
 
Join Date: Aug 2005
Location: Minnesota
Experience: Advanced
08-Sep-2006, 05:29 PM #7
Quote:
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.
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 08:32 PM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.