table width (Full Version)

All Forums >> [Web Development] >> Dreamweaver Help



Message


swdesigns -> table width (3/24/2007 1:42:57)

I'm just giving DW a try so I'm completely new to this. I'm using one of the starter pages and somehow have managed to make one of the tables so wide that the page has to be scrolled to the side. I've tried to lower the table width but it won't let me..it remains at 660. I've tried manually dragging it to make it smaller but it won't do that either. I hope I'm explaining this clearly..it's late and I've been struggling with this way too long. Any help would be greatly appreciated!




swdesigns -> RE: table width (3/24/2007 11:27:23)

Is this just such a newbie question...should I cut and paste the code here for you to take a look at? I know it should be simple and I could just start over with another starter page but I would like to know where I've gone wrong and how to correct it...




jurgen -> RE: table width (3/24/2007 13:06:39)

Which starter page is it? And yes, the code would help.




swdesigns -> RE: table width (3/24/2007 14:31:43)

thanks Jurgen..its the lodging-home page and here's the code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Lodging - Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_lodging1.css" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 18px}
body {
margin-left: 30px;
margin-right: 30px;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body bgcolor="#999966">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" nowrap="nowrap"><img src="mm_spacer.gif" alt="" width="15" height="1" border="0" /></td>
<td height="60" colspan="3" class="logo" nowrap="nowrap"><br />
Sweetwater Designs<span class="style2"></span> </td>
<td width="4"> </td>
<td width="4"> </td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#a4c2c2">
<td width="15" nowrap="nowrap"> </td>
<td height="36" colspan="3" bgcolor="#a4c2c2" class="navText" id="navigation"><a href="javascript:;">Home </a> <a href="javascript:;">Finished Pieces </a> <a href="javascript:;">Loose Beads </a> About the Artist <a href="javascript:;">Latest News </a> <a href="javascript:;">Contact </a> </td>
<td width="4"> </td>
<td width="4"> </td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="2" valign="top" bgcolor="#a4c2c2"><img src="slidefiletest.gif" alt="Home Page Image" width="230" height="228" border="0" />
<table border="0" cellspacing="0" cellpadding="0" width="230">
<tr>
<td width="15"> </td>
<td width="200" class="sidebarText" id="padding">"There are hundreds of ways to kneel and kiss the ground."<br />
~Rumi</td>
<td width="15"> </td>
</tr>
</table></td>
<td width="50" valign="top"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="400" valign="top"><br />
<br />
<table width="660" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="pageName"><p>Welcome </p></td>
</tr>
<tr>
<td class="bodyText"><p>I discovered flamework in the spring of 2005 and have been passionately in love ever since. Molten glass, like honey in the eye of the white hot flame is magical and mystical and there is no describing the lure unless you are hopelessly as hooked as I am.<br />
The rods of glass that I use most are imported from Italy, but there have been some delicious colors cropping up lately that are produced not so far from home. I use sterling and fine silvers, pure copper, vermeil, hand-dyed silk, imported silk cords, and freshwater pearls in my jewelry. I enjoy showcasing the beads that I create in this way and derive great satisfaction in creating something beautiful to be worn and enjoyed for many years. Feel free to browse…I try very hard to keep this site updated and what you see is what is available at this time. It's always changing, so please be sure to bookmark me and visit often.</p>
</td>
</tr>
</table></td>
<td width="4"><img src="testsitedgsigbest.jpg" width="327" height="286" /></td>
<td width="4" align="center" valign="middle" bgcolor="#ffffff"><span class="style3"></span></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="15"> </td>
<td width="215"> </td>
<td width="50"> </td>
<td width="660">All content and images copyright © Deborah Gregory 2004-2007 </td>
<td width="4"> </td>
<td width="4"> </td>
</tr>
</table>
</body>
</html>




jurgen -> RE: table width (3/24/2007 15:07:33)

quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Lodging - Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_lodging1.css" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 18px}
body {
margin-left: 30px;
margin-right: 30px;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body bgcolor="#999966">
<table border="0" cellspacing="0" cellpadding="0">


Change the last line and add width="100%" just like below

<table width="100%" border="0" cellspacing="0" cellpadding="0">


Also, on your right side you have an image <img src="testsitedgsigbest.jpg" width="327" height="286" /> 327 pixels wide which will add to your 660 pixels in the middle.

Hope that helps and get you going..




swdesigns -> RE: table width (3/24/2007 15:24:41)

Thanks Jurgen!..I just can't figure out why I can't alter that table width size from 660. When i do put in say '400'. it will read the new figure that I put in and then in brackets beside it reads '660' (in the design view) and the design hasn't altered. As it stands I must remove that image rather than have it the way I would like it, which is half text and half image..a table for the text and a table for the image. The text doesn't need to be sprawled across the entire table...argh...




jaybee -> RE: table width (3/24/2007 16:02:40)

I've edited your code above and highlighted two areas where you have a table 660 width.
It may be caused by all the nested tables containing images, I've changed those to red and they add up to 660 as well.

I'm not on my machine so I can't pull the code in and play with it but I think you'll find it's one of those. Nested tables are never a good idea, they make it a pain to figure out problems.




swdesigns -> RE: table width (3/24/2007 16:22:49)

thank for the help Jaybee..I 'll fiddle with those particular numbers and see if it behaves better. Hmmm..At this point it might be better to start from scratch rather than trying to follow a template?




jurgen -> RE: table width (3/24/2007 16:40:13)

The issue what you are having all the tables across (horizontal) the screen add up for the width. Let's say you have the left columns (maybe navigations) and your right column in a fixed width, the center column can be flexible with percentage asigned. And it will shrink or expand with monitor resolutions. If you want to have a fixed width of 660 pixels you need to make sure that all columns will not add up to more than that.

It's kinda just an adding up of table width in a row.......

Fixed width is easy to handle, floating, flexible, percentage layouts are more challenging...





swdesigns -> RE: table width (3/24/2007 17:15:06)

I see...I think...[:@] this is frustrating because as an artist I would like to just manipulate things as I see them but this is such another language and one that I won't be learning overnight!
I appreciate the help guys...I'll work on it some more.




jurgen -> RE: table width (3/24/2007 17:55:43)

Now, don't get frustrated.... we have all been there, done that...... all will be fine...... sooner or later.... [:D][:D]




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.984375