Layout box resizing after entering link!!!

[maxmc webforumsuser@macromedia.com]

I've got a problem with the following file:
[url]www.teamdirect.at/temporary/contents_english/sport/home.html[/url]

u can see 5 points i want to link:
Juve, Rooster, Photos, wallpapers & goals....

the size of each field is 196x189 and i've entered this in layout-mode, but when i link the point "Juve" and "Wallpapers" (with the files "juve.html" and "wallpapers.html" in the same folder) the size goes to 197x189 and i've no idea why...
i really just enter the link!!!!!

if i link the other points (rooster, photos & goals) it just works fine - without resizing....

download the file and the pics if u don't believe me...

please help me!!!
it's urgent as the website has to be finished in one week!!!

THX A LOT IN ADVANCE
max

ps.: i'm using dreamweaver mx on a mac (os x 10.2.5)

[Dan Vendel *GOF*]

"maxmc" [email]webforumsuser@macromedia.com[/email] wrote:

> I've got a problem with the following file:
> [url]www.teamdirect.at/temporary/contents_english/sport/home.html[/url]
>
> u can see 5 points i want to link:
> Juve, Rooster, Photos, wallpapers & goals....
>
> the size of each field is 196x189 and i've entered this in layout-mode, but when i link the point "Juve" and "Wallpapers" (with the files "juve.html" and "wallpapers.html" in the same folder) the size goes to 197x189 and i've no idea why...
> i really just enter the link!!!!!
>
> if i link the other points (rooster, photos & goals) it just works fine - without resizing....
>
> download the file and the pics if u don't believe me...
>
> please help me!!!
> it's urgent as the website has to be finished in one week!!!
>
> THX A LOT IN ADVANCE
> max
>
> ps.: i'm using dreamweaver mx on a mac (os x 10.2.5)
>
>

max,

You've got numerous things that'll cause problems in that page. There
are colspans and rowspans, cells with non-breakable spaces and cells
without any content at all. Ther are cells with height and width
attributes that shouldn't have any, etc.

All this because you have made the table in Layout view. Get out of that
a.s.a.p. Use Design (Standard) view and Code view. Never, ever return to
Layout view...

Hopefully this can help you get the idea how you should make a table:
[url]http://www.vendel.info/tabletut/[/url]

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]

[maxmc webforumsuser@macromedia.com]

damn it - now i have to do everything again!!!

i thought this wouldn't create any problems as i'm just using images - no text....

do u recommend me to build the whole page again using the standard view or is it possible to repair the current page using the standard view??

at the moment i have small grey borders (1px) - i used a small .gif-file that is always streched to the wished size - i have them in layout-cells...
when rebuilding/repairing the site should i place them in own cells or what do u suggest me?

thanks for the great support in here...

[maxmc webforumsuser@macromedia.com]

no problem... drink as much coffee as u want and need...

i'm thankful and happy if u reply... doesn't matter when...

btw: we might be in a similiar time zone.. at the moment it's 11:30 am here..

[maxmc webforumsuser@macromedia.com]

no problem... drink as much coffee as u want and need...

i'm thankful and happy if u reply... doesn't matter when...

btw: we might be in a similiar time zone.. at the moment it's 11:30 am here..

[Dan Vendel *GOF*]

"maxmc" [email]webforumsuser@macromedia.com[/email] wrote:

> no problem... drink as much coffee as u want and need...
>
> i'm thankful and happy if u reply... doesn't matter when...
>
> btw: we might be in a similiar time zone.. at the moment it's 11:30 am here..
>
>

max,

Yes, I think we are in same zone. I'm in Sweden. I suppose you're
Italian (or at least a large piece of your heart, it seems...?)

Anyway, here goes:

Instead of explaining - which would take me quite some time - I simply
re-did the page in the way I meant: With nested tables, etc. I have also
applied CSS for various elements, e.g. backgrounds and borders. For the
latter, you need to see how I have given some cells border to the left
and bottom, etc, so that adjacent cells don't get two borders, i.e. one
from the left cell and another from the right cell. I think you'll
understand when you study the styles.

Note that almost no cells/tables have any width/height attributes.

Also, look at the table structure. You'll probably need to give the page
a white background to do that (in the CSS panel or manually in the head
section).

To view the page, first copy the code below into a new DW file and save
it to the folder [url]www.teamdirect.at/temporary/contents_english/sport/[/url]
i.e. the same as "home.html".
Then, before you open in DW, create a transparent gif 30x30 pixels, name
it "shim.gif" and place it in the same folder, right beside the html
file you just saved (change later if you want).

Now you can open and see how I've done it.

HTH

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]


Code starts below this line --------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>**--==Welcome to Max's World==--*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin: 0px;
background: #000000;
}
..maintable {
background: #FFFFFF;
}
..navbartable {
background: #000000;
}
..borderLeftBottomLines {
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
}
..borderBottomLines {
border-bottom: 1px solid #999999;
}
..borderRightLine {
border-right: 1px solid #999999;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="navbartable"><table width="100%" border="0"
cellpadding="0" cellspacing="0" class="navbartable">
<tr>
<td><img src="shim.gif" width="30" height="30"></td>
<td><a href="../home.html"><img
src="../../pix/links/link_home.gif" width="72" height="30"
border="0"></a></td>
<td><a href="../maxsworld/home.html"><img
src="../../pix/links/link_maxsworld.gif" width="151" height="30"
border="0"></a></td>
<td><a href="../studios/home.html"><img
src="../../pix/links/link_studios.gif" width="94" height="30"
border="0"></a></td>
<td><a href="home.html"><img
src="../../pix/links/link_sport.gif" width="70" height="30"
border="0"></a></td>
<td><a href="../design/home.html"><img
src="../../pix/links/link_design.gif" width="81" height="30"
border="0"></a></td>
<td><a href="../me/home.html"><img
src="../../pix/links/link_me.gif" width="40" height="30"
border="0"></a></td>
<td><img src="shim.gif" width="30" height="30"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellpadding="0"
cellspacing="0" class="maintable">
<tr>
<td valign="top" class="borderRightLine"><img src="shim.gif"
width="30" height="30"></td>
<td valign="top"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="borderBottomLines"><img
src="../../pix/logos/maxsworld_sport.gif" width="195" height="155"
align="absmiddle"></td>
</tr>
<tr>
<td valign="top"><img
src="../../pix/section-texte/sport.gif" width="195" height="155"></td>
</tr>
</table>
</td>
<td width="32%" valign="top"><table border="0" align="right"
cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="borderLeftBottomLines"><img
src="../../pix/icons/sports/vorlage_juve.gif" width="195" height="189"></td>
<td valign="top" class="borderLeftBottomLines"><img
src="../../pix/icons/sports/vorlage_rooster.gif" width="195"
height="189"></td>
<td valign="top" class="borderLeftBottomLines"><img
src="../../pix/icons/sports/vorlage_juvephotos.gif" width="195"
height="189"></td>
</tr>
<tr>
<td valign="top" class="borderLeftBottomLines"><img
src="../../pix/icons/sports/vorlage_wallpapers.gif" width="195"
height="189"></td>
<td valign="top" class="borderLeftBottomLines"><img
src="../../pix/icons/sports/vorlage_goals.gif" width="195"
height="189"></td>
<td valign="top" class="borderLeftBottomLines">
</tr>
</table>
</td>
<td valign="top" class="borderLeftBottomLines"><img
src="shim.gif" width="30" height="30"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><img src="shim.gif" width="30" height="30"></td>
</tr>
</table>
</body>
</html>

[Dan Vendel *GOF*]

PS:

Two things I forgot to mention:

The shim I used is 30 x 30. In your original design, the columns are
wider, so you might want to adjust the shim until you have the column
width you want. When doping that, you don't have to make a new shim. All
you need to do is to change it's width/height attributes in code view.

You also have some white space under the images. If you want that, just
add a row to the table holding the images and put the shim in one of the
cells you'll get. Adjust eight/width as I described in the previous
paragraph.

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]

[maxmc webforumsuser@macromedia.com]

thx for ur help - this is really gr8..
i don't know how to thank u...

i'm from austria, but u're right: my heart is Italian...

ciao max ;-)