Dreamweaver - HTML issue with tables

Author

HTML issue with tables

Clifford Boobyer

2004-03-31, 10:29 am

Hi There,

Please have a look at this image which is sort of a diagram of what I am
trying to achieve!

www.firedog-design.co.uk/emedia/sketch.jpg

I have a two column table ... I dont mind nesting tables with in the TDS.
I want in the left column two images top and bottom with a variable space
imbetween.
When I increase the depth of the right column, the space between the images
should increase yet the top image should remained aligned to the top and the
bottom image to the bottom. The variable areas are marked in the drawing
with an asterix. I have had this need many times in many different
situations...!

Any ideas on how this is simplest and best achieved, or anyone thats found a
good solid solution with tidy code please let me know!

Thanks,
Cliff

Murray *TMM*

2004-03-31, 11:28 am

Create a new page. Put a 2 column, one row table on the page. In the left
cell, nest a 1 column, three row table. Click in the top cell, and use the
Property inspector to select Vert -> top. Insert your image there. Click
in the bottom cell, and use the Property inspector to select Vert ->
bottom. Insert your image there.

I think it's time to say Bada bing, bada boom.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Clifford Boobyer" <clifford@firedog-design.co.uk> wrote in message
news:c4ehm6$801$1@forums.macromedia.com...
>
> Hi There,
>
> Please have a look at this image which is sort of a diagram of what I am
> trying to achieve!
>
> www.firedog-design.co.uk/emedia/sketch.jpg
>
>
> I have a two column table ... I dont mind nesting tables with in the TDS.
> I want in the left column two images top and bottom with a variable space
> imbetween.
> When I increase the depth of the right column, the space between the
images
> should increase yet the top image should remained aligned to the top and
the
> bottom image to the bottom. The variable areas are marked in the drawing
> with an asterix. I have had this need many times in many different
> situations...!
>
> Any ideas on how this is simplest and best achieved, or anyone thats found
a
> good solid solution with tidy code please let me know!
>
> Thanks,
> Cliff
>
>

David Stiller

2004-03-31, 11:28 am

Clifford,

This is pretty easy, actually. The main thing is, vertically align the
upper <td> that houses your upper image to "top" and vertically align the
lower <td> that houses the lower image to bottom. I added a bunch of text
to the right-hand side to make the table stretch taller. Note that the
images stay where they're supposed to. No nested tables needed.

<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="32" valign="top"><img src="" alt="" name="image1" width="32"
height="32" id="image1" /></td>
<td width="552" rowspan="2">Text to stretch the height, text to stretch
the height, text to stretch the height, text to stretch the height, text to
stretch the height, text to stretch the height, text to stretch the height,
text to stretch the height, text to stretch the height, text to stretch the
height, text to stretch the height, text to stretch the height, text to
stretch the height, text to stretch the height, text to stretch the height,
text to stretch the height, text to stretch the height, text to stretch the
height, text to stretch the height, text to stretch the height, text to
stretch the height.</td>
</tr>
<tr>
<td valign="bottom"><img src="" alt="" name="image2" width="32"
height="32" id="image2" /></td>
</tr>
</table>

David
stiller ( at ) quip ( dot ) net

"Clifford Boobyer" <clifford@firedog-design.co.uk> wrote in message
news:c4ehm6$801$1@forums.macromedia.com...
>
> Hi There,
>
> Please have a look at this image which is sort of a diagram of what I am
> trying to achieve!
>
> www.firedog-design.co.uk/emedia/sketch.jpg
>
>
> I have a two column table ... I dont mind nesting tables with in the TDS.
> I want in the left column two images top and bottom with a variable space
> imbetween.
> When I increase the depth of the right column, the space between the
images
> should increase yet the top image should remained aligned to the top and
the
> bottom image to the bottom. The variable areas are marked in the drawing
> with an asterix. I have had this need many times in many different
> situations...!
>
> Any ideas on how this is simplest and best achieved, or anyone thats found
a
> good solid solution with tidy code please let me know!
>
> Thanks,
> Cliff
>
>

David Stiller

2004-03-31, 11:28 am

Badda bing, badda you beat me to it.

David
stiller ( at ) quip ( dot ) net

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:c4ei2r$8jt$1@forums.macromedia.com...
> Create a new page. Put a 2 column, one row table on the page. In the
left
> cell, nest a 1 column, three row table. Click in the top cell, and use
the
> Property inspector to select Vert -> top. Insert your image there. Click
> in the bottom cell, and use the Property inspector to select Vert ->
> bottom. Insert your image there.
>
> I think it's time to say Bada bing, bada boom.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver MX
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
> ANSWERS
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Clifford Boobyer" <clifford@firedog-design.co.uk> wrote in message
> news:c4ehm6$801$1@forums.macromedia.com...
TDS.[color=darkred]
space[color=darkred]
> images
> the
found[color=darkred]
> a
>
>

Osgood

2004-03-31, 11:28 am

Clifford Boobyer wrote:

> I have a two column table ... I dont mind nesting tables with in the TDS.
> I want in the left column two images top and bottom with a variable space
> imbetween.
> When I increase the depth of the right column, the space between the images
> should increase yet the top image should remained aligned to the top and the
> bottom image to the bottom. The variable areas are marked in the drawing
> with an asterix. I have had this need many times in many different
> situations...!

Its not really achievable.

The best you can do is this:

Put a 2 col x 1 row table on your page. Split the left column into 2
cells (normally I dont advise splitting but in this instance being as
its a simple split it will work)

Align your image top in the top cell of the left column and align your
other image bottom in the bottom cell of the first column.

Put the text in the top cell of the first column directly beneath the
image. Then just type in the right hand column.

If the text in the right hand column exceeds the depth of the left hand
column then the image in the bottom cell of the left column will be
pushed down to align bottom with the text in the right column. However
you will have a gap under the text in the left hand column.

Thats about as good as it gets Im afraid. You cant make the text in the
left column spread itself out.

Osgood

2004-03-31, 11:29 am

Murray *TMM* wrote:

> Create a new page. Put a 2 column, one row table on the page. In the left
> cell, nest a 1 column, three row table. Click in the top cell, and use the
> Property inspector to select Vert -> top. Insert your image there. Click
> in the bottom cell, and use the Property inspector to select Vert ->
> bottom. Insert your image there.
>
> I think it's time to say Bada bing, bada boom.
>
Murray that wont keep the bottom image at the bottom of the table if the
text in the right column grows.

So it aint really achieveable apart from a 'hackaround' method which I
described.

Murray *TMM*

2004-03-31, 11:29 am

LOL....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"David Stiller" <stiller-NO-SPAM-@quip.net> wrote in message
news:c4eieu$980$1@forums.macromedia.com...
> Badda bing, badda you beat me to it.
>
>
> David
> stiller ( at ) quip ( dot ) net
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:c4ei2r$8jt$1@forums.macromedia.com...
> left
> the
Click[color=darkred]
GET[color=darkred]
am[color=darkred]
> TDS.
> space
and[color=darkred]
drawing[color=darkred]
> found
>
>

Murray *TMM*

2004-03-31, 11:30 am

Osgood:

You are right.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable@thisaddress.com> wrote in message
news:c4eiso$9f7$2@forums.macromedia.com...
> Murray *TMM* wrote:
>
left[color=darkred]
the[color=darkred]
Click[color=darkred]
> Murray that wont keep the bottom image at the bottom of the table if the
> text in the right column grows.
>
> So it aint really achieveable apart from a 'hackaround' method which I
> described.
>

Clifford Boobyer

2004-03-31, 11:31 am

Thanks, but this is all very well for my example...
But the reason why I want to do this is to do a site wide template: So it
should be a basic parameter, no "tweaking" as such... The second issue is
that I dont want it to be related to just images, I want to do the same for
nested tables...
There must be a solution because from a designers perspective this is a
desirable thing no?
If only i could nick some code somewhere... :)

C

"Clifford Boobyer" <clifford@firedog-design.co.uk> wrote in message
news:c4ehm6$801$1@forums.macromedia.com...
>
> Hi There,
>
> Please have a look at this image which is sort of a diagram of what I am
> trying to achieve!
>
> www.firedog-design.co.uk/emedia/sketch.jpg
>
>
> I have a two column table ... I dont mind nesting tables with in the TDS.
> I want in the left column two images top and bottom with a variable space
> imbetween.
> When I increase the depth of the right column, the space between the
images
> should increase yet the top image should remained aligned to the top and
the
> bottom image to the bottom. The variable areas are marked in the drawing
> with an asterix. I have had this need many times in many different
> situations...!
>
> Any ideas on how this is simplest and best achieved, or anyone thats found
a
> good solid solution with tidy code please let me know!
>
> Thanks,
> Cliff
>
>

Murray *TMM*

2004-03-31, 11:31 am

> But the reason why I want to do this is to do a site wide template:

Why wouldn't Osgood's suggestion satisfy all your needs?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Clifford Boobyer" <clifford@firedog-design.co.uk> wrote in message
news:c4el6k$d9e$1@forums.macromedia.com...
>
> Thanks, but this is all very well for my example...
> But the reason why I want to do this is to do a site wide template: So it
> should be a basic parameter, no "tweaking" as such... The second issue is
> that I dont want it to be related to just images, I want to do the same
for
> nested tables...
> There must be a solution because from a designers perspective this is a
> desirable thing no?
> If only i could nick some code somewhere... :)
>
> C
>

Linda Rathgeber - TMM

2004-03-31, 1:33 pm

Clifford Boobyer wrote:

> Hi There,
>
> Please have a look at this image which is sort of a diagram of what I am
> trying to achieve!
>
> www.firedog-design.co.uk/emedia/sketch.jpg

Add a two row, column table to the page. Click in the top, left cell,
and use the Property inspector to select Vert -> top. Insert your image
there. Click in the bottom, left cell, and use the Property inspector
to select Vert -> bottom. Insert your image there. Join/merge/fuse the
top and bottom cells in the second column.

--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------

Gary White

2004-03-31, 1:37 pm

On Wed, 31 Mar 2004 09:01:59 -0500, "Murray *TMM*"
<forums@HAHAgreat-web-sights.com> wrote:

>You are right.

This is one place where, as Linda suggests, a rowspan can be a good
thing and accomplish exactly what the poster wanted.

Gary