Dreamweaver - inserting images in cells

Author

inserting images in cells

RTalbott

2004-07-18, 11:14 pm

I want to create two side-by-side cells containing a colored shape that extends
from one cell into the other. The image in the left cell is actually an image
object containing slices, that I exported from Fireworks. The image in the
right cell is a simple image, also exported from Fireworks.

I can't seem to get the colored shape to be seamless. Dreamweaver insists on
inserting a small vertical gap, by making the left cell slightly wider than it
should be. I thought the principle was that cells (and adjacent rows and
columns) assumed the size of the inserted data -- no gaps. no extra width. No
hair pulling and cursing.

Please, what am I missing?

With kindest regards, and thanks for any help.
Richard

Craig

2004-07-19, 4:14 am

Tables with no specified widths do indeed 'shrink' with no gaps. But you
have gaps, so ....
presumably there is nothing wider in any subsequent rows?
table, row and cell properties have all been set to zero (0)
the images have no un-noticed pixels

Craig

"RTalbott" <webforumsuser@macromedia.com> wrote in message
news:cdf3bq$k75$1@forums.macromedia.com...
> I want to create two side-by-side cells containing a colored shape that
extends
> from one cell into the other. The image in the left cell is actually an
image
> object containing slices, that I exported from Fireworks. The image in
the
> right cell is a simple image, also exported from Fireworks.
>
> I can't seem to get the colored shape to be seamless. Dreamweaver
insists on
> inserting a small vertical gap, by making the left cell slightly wider
than it
> should be. I thought the principle was that cells (and adjacent rows and
> columns) assumed the size of the inserted data -- no gaps. no extra
width. No
> hair pulling and cursing.
>
> Please, what am I missing?
>
> With kindest regards, and thanks for any help.
> Richard
>

Gary White

2004-07-19, 12:14 pm

RTalbott wrote:

> I can't seem to get the colored shape to be seamless. Dreamweaver insists on
>inserting a small vertical gap, by making the left cell slightly wider than it
>should be. I thought the principle was that cells (and adjacent rows and
>columns) assumed the size of the inserted data -- no gaps. no extra width. No
>hair pulling and cursing.

Have you explicitly entered zeros into the cellpadding, cellspacing and
border attributes of the table?

Gary

RTalbott

2004-07-24, 7:15 pm

Further results:
My Sidebar is intended to be 220 pixels wide to fit the image created in
Fireworks. If I insert the simple Image, it is 220 pixels wide, and fits
perfectly, aligning properly with cells below.

When I insert the Image Object, exported from Fireworks as an html file, with
slices, I get not an image, but a table. The label at the top of the table
says "220(224)". The extra 4 pixels are the problem. Why are they there? How
did they get there? How can I get rid of them?

Any ideas?

With deep thanks
Richard

Murray *TMM*

2004-07-24, 7:15 pm

Show me the code you are inserting, and I'll tell you!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================

"RTalbott" <webforumsuser@macromedia.com> wrote in message
news:cdug3d$g7e$1@forums.macromedia.com...
> Further results:
> My Sidebar is intended to be 220 pixels wide to fit the image created in
> Fireworks. If I insert the simple Image, it is 220 pixels wide, and fits
> perfectly, aligning properly with cells below.
>
> When I insert the Image Object, exported from Fireworks as an html file,
with
> slices, I get not an image, but a table. The label at the top of the
table
> says "220(224)". The extra 4 pixels are the problem. Why are they there?
How
> did they get there? How can I get rid of them?
>
> Any ideas?
>
> With deep thanks
> Richard
>

RTalbott

2004-07-26, 7:15 pm

Murray,
I hope I have properly attached the offending code. The forum did not allow
me to include the entire page, so I had to make a beginner's guess as to what
you would need to see, and can only hope that you do not need adjacent or
contextual code to clarify the issue. The issue, again, is that whereas a
simple imge fills the cell properly, the image object insists on adding to the
width of the cell, causing a detectable misalignment with the cell below.

Thanks so much in advance for your help, and profound gratitude if you can
clear this up

Best wishes
Richard

<tr>
<td colspan="5"><img name="sidebar500_r1_c1"
src="../FW_IMAGES/sidebar500_r1_c1.gif" width="220" height="80" border="0"
alt=""></td>
<td><img src="../FW_IMAGES/spacer.gif" alt="" name="undefined_2"
width="1" height="80" border="0"></td>
</tr>
<tr>
<td rowspan="14"><img name="sidebar500_r2_c1"
src="../FW_IMAGES/sidebar500_r2_c1.gif" width="20" height="420" border="0"
alt=""></td>
<td colspan="3"><a href="../index.html"
onMouseOver="MM_swapImage('HOMEBUTTON','','../IMAGES/homeover.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="../FW_IMAGES/sidebar500_r2_c2.gif"
alt="" name="HOMEBUTTON" width="140" height="20" border="0"
id="HOMEBUTTON"></a></td>
<td rowspan="14"><img name="sidebar500_r2_c5"
src="../FW_IMAGES/sidebar500_r2_c5.gif" width="60" height="420" border="0"
alt=""></td>
<td><img src="../FW_IMAGES/spacer.gif" alt="" name="undefined_2"
width="1" height="20" border="0"></td>
</tr>

RTalbott

2004-07-29, 7:15 pm

The problem seems to have something to do with settings for HTML export in
Fireworks, since changing those settings in a systematic experiment yields
various results -- all of them F*#@*ED, as Dick Cheney would put it.

My goodness, how strange and alien the world of HTML is: insert 1 pixel
spaces, no, nested tables, no single table, no. I think the smart thing is to
give up on trying to export sliced images from Fireworks.

I am now on to struggliong wih fonts, styles, line returns etc. -- a whole
new torture chamber.

AAAARRRRRGGGGGHHHHH!

Gary White

2004-07-29, 7:15 pm

RTalbott wrote:

> My goodness, how strange and alien the world of HTML is: insert 1 pixel
>spaces, no, nested tables, no single table, no. I think the smart thing is to
>give up on trying to export sliced images from Fireworks.

The problem comes with you try to let an image editor, like Fireworks,
write HTML code. Just export the image slices from Fireworks and
assemble them in Dreamweaver. When you slice the image, try to do it in
such a manner that you can assemble them in a grid, which is what a
table is.

Gary

RTalbott

2004-07-29, 7:15 pm

Thanks Gary, for the astonishing advice. Do you suppose Macromedia is aware of
how much pain and suffering they are causing by not mentioning that the
functions they sell at a high price don't work?
I appreciate your help
Richard

Mick White

2004-07-29, 11:14 pm

They do work.
Mick

RTalbott wrote:

> Thanks Gary, for the astonishing advice. Do you suppose Macromedia is aware of
> how much pain and suffering they are causing by not mentioning that the
> functions they sell at a high price don't work?
> I appreciate your help
> Richard
>

Gary White

2004-07-29, 11:15 pm

RTalbott wrote:

>Thanks Gary, for the astonishing advice. Do you suppose Macromedia is aware of
>how much pain and suffering they are causing by not mentioning that the
>functions they sell at a high price don't work?
> I appreciate your help

Hi Richard,

It's not necessarily that the features don't work. Features like
Fireworks writing HTML code and layout view/mode in Dreamweaver are
designed to attract the newbie, low end designer away from something
like FrontPage. I don't believe those features were ever intended for
any serious web work. For the neophyte user who just wants to get a page
up quick and where the content will not often change, they can make it
very easy. However, it's a trap that will prevent you from learning more
stable and flexible methods of designing.

That said, one of the people who posts here frequently is named Linda
Rathgeber and she has written a book on Fireworks called "Playing with
Fire" and has also written an e-book called "Razzle Dazzle." She has
demonstrated that it's possible to get reasonable code from Fireworks,
but it takes a great deal of talent and know how to do it. Unless you
have that skill set, it's faster and easier to just to the images in
Fireworks and assemble the page in Dreamweaver. Even with that skill
set, there will be a significant amount of tweaking in Dreamweaver
required. The less Fireworks talent you have, the harder the "tweaking"
will be.

Good luck!

Gary

RTalbott

2004-07-29, 11:15 pm

That makes sense, I guess.

What I need to do is make a sidebar with buttons that change when the cursor
rolls-over, and link to other pages. Not unusual, right?

I need for the buttons to be isolated as slices so I can swap images ( --
which deal with slices, right?). If I don't do all the slicing in Fireworks,
and all the re-assemby of slices automatically via the export process, must I
do all that by hand in Dreamveaver? It seems impossibly laborious. I must be
missing something.

I would be grateful for any help
Regards
Richard

Gary White

2004-07-30, 4:14 am

RTalbott wrote:

> I need for the buttons to be isolated as slices so I can swap images ( --
>which deal with slices, right?). If I don't do all the slicing in Fireworks,
>and all the re-assemby of slices automatically via the export process, must I
>do all that by hand in Dreamveaver? It seems impossibly laborious. I must be
>missing something.

Just export those slices that you need from FW as images only. Then, in
Dreamweaver insert a to column, one row table. Set the two cells to
vertical align top. In the left cell, insert another table of one column
and as many rows as you have buttons. Insert an image in each of those
cells, then create the links and apply the image swaps to them. Finally,
set the right cell (in the two cell table) to width="100%". Bingo!
You're done. It really isn't difficult, or complex and won't take much,
if any, longer than the FW way and you will have a very simple,
flexible, stable design that won't explode every time something changes.

Here are a couple of very good tutorials on using tables for layout:
http://www.dwfaq.com/Tutorials/Tabl...ging_tables.asp
http://www.dwfaq.com/Tutorials/Tabl...ible_tables.asp

Gary

:. Nadia .:

2004-07-30, 4:14 am

"RTalbott" <webforumsuser@macromedia.com> wrote in message
news:cec10v$snv$1@forums.macromedia.com...

> I need for the buttons to be isolated as slices so I can swap images ( --
> which deal with slices, right?). If I don't do all the slicing in
Fireworks,
> and all the re-assemby of slices automatically via the export process,
must I
> do all that by hand in Dreamveaver? It seems impossibly laborious. I
must be
> missing something.

In addition to the links that Gary provided, this small explanation of how
to use nested tables when using a navbar may also help"
http://www.dreamweaverresources.com...estedtables.htm

--
Nadia
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------

RTalbott

2004-07-31, 12:14 pm

Thanks for all the help. I am much clearer now about the way DW is designed to work.
Richard