PDA

View Full Version : Sizing tables is going wrong


bricam
10-21-2008, 04:30 PM
Hi there,

I'm new to all this so please go easy with me.

I am trying to create some simple html pages in Dreamweaver CS3 that consist of a few paragraphs of text and then a table that consists of two columns and maybe 100 or so rows.

I am able to set styles to different parts of the page to format the text okay and have been sizing the table to be 606 pixels wide with each column 300 pixels by dragging the edge of the columns. I assume the extra 6 pixels is taken up with borders & stuff.

So far it has worked fine but I have just created another page and each time I drag the edges of the table to the correct size it jumps to a ridiculously large size. No matter how I drag the table sides it just seems to be jumping all over the place.

Does anyone have any idea what's going on please?

regards

Brian

edbr
10-22-2008, 12:56 AM
you will come to dislike tables as much as a lot of us here.
Post your code

bricam
10-22-2008, 07:53 AM
Hi edbr, thanks for your reply.

I don't understand why I should dislike tables, I thought they were a good way of laying stuff out - still I guess we live to learn.

Here is the table code that is playing up:

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" valign="top"><p>IMAGE SENSOR </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Type</p></td>
<td width="288" valign="top"><p>1/2.5&quot; CCD </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Effective Pixels</p></td>
<td width="288" valign="top"><p>Approx.7.1M </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Colour Filter Type</p></td>
<td width="288" valign="top"><p>Primary Colour </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>IMAGE PROCESSOR </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Type</p></td>
<td width="288" valign="top"><p>DIGIC III with iSAPS technology </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>LENS </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Focal Length</p></td>
<td width="288" valign="top"><p>6.3 - 21.6 mm (35mm equivalent: 38 132mm) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Zoom</p></td>
<td width="288" valign="top"><p>Optical 3.4x. Digital approx. 4x (with Digital Tele-Converter approx. 1.5x or 1.9x and Safety Zoom). Combined approx. 14x </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Maximum f/number</p></td>
<td width="288" valign="top"><p>f/3.0 - f/5.8 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Construction</p></td>
<td width="288" valign="top"><p>7 elements in 6 groups (1 aspherical element) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>FOCUSING </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Type</p></td>
<td width="288" valign="top"><p>TTL </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>AF System / Points</p></td>
<td width="288" valign="top"><p>AiAF (Face Detection / 9-point), 1-point AF (fixed centre or Face Select and Track) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>AF Lock</p></td>
<td width="288" valign="top"><p>Locked when shutter button is pressed half way </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>AF Assist Beam</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Closest Focusing Distance</p></td>
<td width="288" valign="top"><p>1cm (W) from front of lens in Super Macro </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>EXPOSURE CONTROL </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Metering Modes</p></td>
<td width="288" valign="top"><p>Evaluative (linked to Face Detection AF frame), Centre-weighted average, Spot (centre) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>AE Lock</p></td>
<td width="288" valign="top"><p>Locked when shutter button is pressed half way </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Exposure Compensation</p></td>
<td width="288" valign="top"><p>+/- 2 EV in 1/3 stop increments </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>ISO Sensitivity*</p></td>
<td width="288" valign="top"><p>AUTO, High ISO Auto (incorporating Motion Detection Technology), 80, 100, 200, 400, 800, 1600 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>SHUTTER </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Speed</p></td>
<td width="288" valign="top"><p>1/60 - 1/2000 sec (factory default)<br />
15 - 1/2000 sec (total range - varies by shooting mode)</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>WHITE BALANCE </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Type</p></td>
<td width="288" valign="top"><p>TTL </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Settings</p></td>
<td width="288" valign="top"><p>Auto (including Face Detection WB), Daylight, Cloudy, Tungsten, Fluorescent, Fluorescent H, Custom </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>LCD MONITOR </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Monitor</p></td>
<td width="288" valign="top"><p>2.5 TFT, approx. 115,000 dots </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Coverage</p></td>
<td width="288" valign="top"><p>100% </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>FLASH </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Modes</p></td>
<td width="288" valign="top"><p>Auto, Manual Flash On / Off </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Slow Sync Speed</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Red-eye Reduction</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Built-in Flash Range</p></td>
<td width="288" valign="top"><p>30cm - 3.0m (W) / 2.0m (T) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>External Flash</p></td>
<td width="288" valign="top"><p>Canon High Power Flash HF-DC1 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>SHOOTING </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Modes</p></td>
<td width="288" valign="top"><p>Auto, Manual, Super Macro, Movie, Special Scene (Portrait, Night Snapshot, Kids &amp; Pets, Indoor, Sunset, Foliage, Snow, Beach, Fireworks, Aquarium) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Drive Modes</p></td>
<td width="288" valign="top"><p>Single, Self-Timer </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Continuous Shooting</p></td>
<td width="288" valign="top"><p>Approx. 1.9 shots/sec. (until the memory card is full) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>RECORDING PIXELS / COMPRESSION </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Image Size</p></td>
<td width="288" valign="top"><p>(L) 3072 x 2304, (M1) 2592 x 1944, (M2) 2048 x 1536, (M3, Date Stamp) 1600 x 1200, (S) 640 x 480, (W) 3072 x 1728. Resize in playback (M3, S, 320 x 240) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Compression</p></td>
<td width="288" valign="top"><p>Superfine, Fine, Normal </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Movies</p></td>
<td width="288" valign="top"><p>(L)640 x 480, 20fps/20fps(LP) <br />
(M)320 x 240, 30fps, (S)160 x 120, 15fps</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Movie Length</p></td>
<td width="288" valign="top"><p>Up to 4GB or 1 hour (L and M)<br />
Up to 3 mins (S)</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>FILE TYPES </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Still Image Type</p></td>
<td width="288" valign="top"><p>JPEG compression, (Exif 2.2 [Exif Print] compliant) / Design rule for Camera File system, Digital Print Order Format [DPOF] Version 1.1 compliant </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Movies</p></td>
<td width="288" valign="top"><p>AVI [Motion JPEG compression] </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Sound Files</p></td>
<td width="288" valign="top"><p>WAVE (monaural) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>DIRECT PRINT </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Canon Printers</p></td>
<td width="288" valign="top"><p>Canon SELPHY Compact Photo Printers and Canon Inkjet Printers supporting PictBridge (ID Photo Print, Fixed Size Print and Movie Print supported on SELPHY CP &amp; ES printers only) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>PictBridge</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>OTHER FEATURES </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Red-Eye Correction</p></td>
<td width="288" valign="top"><p>Yes, during shooting and playback </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>My Category</p></td>
<td width="288" valign="top"><p>Image tagging feature </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Sound Memo</p></td>
<td width="288" valign="top"><p>Up to 60 sec per image </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Intelligent Orientation Sensor</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Histogram</p></td>
<td width="288" valign="top"><p>Yes </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Playback Zoom</p></td>
<td width="288" valign="top"><p>Approx. 2x 10x </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Self Timer</p></td>
<td width="288" valign="top"><p>Approx. 2 or 10 sec. or Custom </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Menu Languages</p></td>
<td width="288" valign="top"><p>English, German, French, Dutch, Danish, Finnish, Italian, Norwegian, Swedish, Spanish, Simplified Chinese, Chinese (traditional), Japanese, Russian, Portuguese, Korean, Greek, Polish, Czech, Hungarian, Turkish, Thai, Arabic, Ukrainian, Romanian </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>INTERFACE </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Computer</p></td>
<td width="288" valign="top"><p>USB (Mini-B, MTP, PTP) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Other</p></td>
<td width="288" valign="top"><p>A/V output (PAL/NTSC) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>MEMORY CARD </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Type</p></td>
<td width="288" valign="top"><p>SD, SDHC, MMC, MMCplus, HC MMCplus. 32MB memory card supplied </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>SUPPORTED OPERATING SYSTEM </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>PC Macintosh</p></td>
<td width="288" valign="top"><p>Windows 2000 SP4 / XP SP2 / Vista<br />
Mac OS X v10.3 - 10.4</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>SOFTWARE </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Browsing &amp; Printing</p></td>
<td width="288" valign="top"><p>ZoomBrowser EX / ImageBrowser </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Other</p></td>
<td width="288" valign="top"><p>PhotoStitch </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Drivers</p></td>
<td width="288" valign="top"><p>TWAIN (2000) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>POWER SOURCE </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Batteries</p></td>
<td width="288" valign="top"><p>2x Size-AA Alkaline or NiMH Batteries (Alkalines supplied) </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Battery Life</p></td>
<td width="288" valign="top"><p>Approx. 150 shots (with supplied batteries)<br />
Approx. 400 shots (with optional Canon NB-3AH batteries)<br />
Approx. 360 min. playback (with supplied batteries)<br />
Approx. 480 min. playback (with Canon NB-3AH batteries)</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>AC Power Supply</p></td>
<td width="288" valign="top"><p>Optional, AC Adapter Kit ACK800 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>ACCESSORIES </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Case</p></td>
<td width="288" valign="top"><p>Soft Case DCC-450 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Flash</p></td>
<td width="288" valign="top"><p>High Power Flash HF-DC1 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Power Supply &amp; Battery Chargers</p></td>
<td width="288" valign="top"><p>Battery Charger Kit CBK4-300, Ni-MH Batteries NB4-300, AC adapter kit ACK800 </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>PHYSICAL SPECIFICATIONS </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Operating Environment</p></td>
<td width="288" valign="top"><p>0 40 C, 10 90% humidity </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Dimensions</p></td>
<td width="288" valign="top"><p>104.8 x 55.1 x 40.7mm </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Weight (body only)</p></td>
<td width="288" valign="top"><p>Approx. 165g </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Zoom</p></td>
<td width="288" valign="top"><p>Depending on the image size selected<br />
Digital zoom available for still image and standard movie modes only. Optical zoom may not be available during movie recording</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Continuous Shooting</p></td>
<td width="288" valign="top"><p>Under conditions where the flash does not fire<br />
Depending on memory card speed / capacity</p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Movie Length</p></td>
<td width="288" valign="top"><p>Depending on memory card speed / capacity </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>Battery Life</p></td>
<td width="288" valign="top"><p>Using the batteries and memory card format supplied with the camera, except where indicated </p></td>
</tr>
<tr>
<td width="312" valign="top"><p>&nbsp;</p></td>
<td width="288" valign="top"><p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>All data is based on Canon standard testing methods (according to CIPA Standards) except where indicated. </p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>Subject to change without notice. </p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p>* Standard Output Sensitivity / Recommended Exposure Index. According to ISO 12232:2006 (20th April 2006) which specifies the method for assigning and reporting ISO speed ratings for digital still cameras. </p></td>
</tr>
</table>

As you can see the table is set to about 600 pixels but when I tried to drag the table side so that it measured 606 pixels, as soon as I let go of the mouse button, it jumped to 981 pixels.

If tables is not the best way to format this type of text, have you got a better suggestion? Remember, I'm a novice.

Thanks for looking and for any help you can offer.

regards

Brian

edbr
10-22-2008, 08:00 AM
yes css with divs. if you are starting it is better to get used to using them from the start. there is a sticky with explanations why . ill have a look at this though bit rusty with tables though, for I set the table to a width perhaps
<table border="1" cellspacing="0" cellpadding="0">
becomes ( for example)
<table border="1"width="650" cellspacing="0" cellpadding="0">

bricam
10-22-2008, 08:12 AM
Thanks, that worked.

What's strange though is that I've done nothing different (that I'm aware of) between this table and others that I've created and I've just looked at another one and it doesn't have that extra width statement but can be resized in the design view with no problems - weird.

Still, I'll see if I can find the sticky you are talking about,

regards

Brian

Corrosive
10-22-2008, 04:38 PM
Thanks, that worked.

What's strange though is that I've done nothing different (that I'm aware of) between this table and others that I've created and I've just looked at another one and it doesn't have that extra width statement but can be resized in the design view with no problems - weird.

Still, I'll see if I can find the sticky you are talking about,

regards

Brian

Tables are terrible for layout. Do yourself a favour and start learning CSS now.

bricam
10-25-2008, 07:49 AM
Hi all,

Thanks for your comments.

Are tables really that bad for what I am doing (displaying tabular data).

The reason I ask, is that for me it is a lot easier. I am preparing the tables in MS Word and then just copying & pasting into Dreamweaver and then adding a bit of styling (colours & bold etc).

I appreciate that CSS is probably the way to go in the future and I do intend to learn it together with Dreamweaver (I've just bought this (http://www.amazon.co.uk/exec/obidos/ASIN/0596510438)), but for now I need to get the job done, and tables are letting me do it without having to learn much new stuff.

regards

Brian

Corrosive
10-25-2008, 12:17 PM
Hi all,

Thanks for your comments.

Are tables really that bad for what I am doing (displaying tabular data).

The reason I ask, is that for me it is a lot easier. I am preparing the tables in MS Word and then just copying & pasting into Dreamweaver and then adding a bit of styling (colours & bold etc).

I appreciate that CSS is probably the way to go in the future and I do intend to learn it together with Dreamweaver (I've just bought this (http://www.amazon.co.uk/exec/obidos/ASIN/0596510438)), but for now I need to get the job done, and tables are letting me do it without having to learn much new stuff.

regards

Brian

Hi Brian

If you are displaying tabular data then tables are fine. That is what they are for. I would try and avoid creating your site in Word and copying it over though. You never know what you will get!

Dreamweaver has an 'insert table' option. Use this instead.

bricam
10-25-2008, 12:27 PM
Okay cheers

regards

brian