I have a layout in fireworks complete, and it consists of a header, left navbar, and footer. Everything in middle is an HTML Slice. To give you an idea of what the layout looks like, it is shaped like a "U" with the top facing right. The left part connects the header and footer, and I need it to stretch downward as content is added and everything How do I make it to where the left part flexes as content is added? Is this something editable in fireworks?

Thanks,
David

I think you are saying that you want it to be able to expand (farther down) when the amount of content demands it. This should occur automatically without having to do anything special.

Is it structured with tables? Do you have a link we could see?

I use fireworks a lot.

If you can show us your page, that would help us help you.

Regards,
Dave

[DWMX 2004]|[FlashMX 2004 Pro]|[Studio MX 2004]|[SQL]|[Access2000/2002]|[ASP/VBScript]|[XP-Pro]
If you like online gaming, please register @ www.nova-multigaming.com

Here is the link: www.gentryconsulting.com/jwtest/test.htm
Yes, I think you do understand what I am wanting. It does expand when required, but the BLACK color does not. I know the black is a .GIF file, but I have seen other sites that stretch when more content is put in. I shouldn't have to go into fireworks and resize and re-export everytime page content varies?? Should I?

Thanks for helping me. Sorry for the delay in replying, I was out of town.

Thanks,
David

My experience is to use FW to create the art and a proof of the site. Then rebuild it in DW from scratch with your FW images.

That column will already expand. You are wanting the graphic to expand/contract -- no exactly possible. There are numerous possible solutions.

The best (however not one I typically use), would be to use layers as opposed to tables for you site structure.
www.dmxzone.com/showDetail.asp?TypeId=28&NewsId=5149

Otherwise (my personal favorite), a simple table for the overall layout, then CSS for everything. Here's an example of the base html for the layout. I put some design elements right into it, but I suggest CSS instead. Your design can be done with only two images: the header and the NAPA ones. The rest could be done via CSS.

<pre id=code><font face=courier size=2 id=code>
&lt;table width="791" border="0" cellspacing="0" cellpadding="0"&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;&lt;img name="test_r1_c1" src="com/images/test_r1_c1.jpg" width="791" height="195" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;&lt;img name="test_r2_c1" src="com/images/test_r2_c1.jpg" width="791" height="35" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="166" valign="top" bgcolor="#000000"&gt;&lt;img name="test_r3_c1" src="com/images/test_r3_c1.jpg" width="166" height="335" border="0" alt=""&gt;&lt;/td&gt;
&lt;td width="625" valign="top"&gt;&nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;&lt;img name="test_r4_c1" src="com/images/test_r4_c1.jpg" width="791" height="35" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</font id=code></pre id=code>

Nice work by the way.

Thanks for replying. I was sort of looking into the css route. I am horrible with tables. Or PRECISE tables I should say. If I do it thru CSS, will it work with only the newer broswers?

Thanks for the compliment,,, when you guys asked for a link I was TOTALLY nervous about showing it to anyone.

Thanks,

David G.

There's a whole science to CSS, but you should be fine with the styles you would probably use. That DMX link above should help you out.

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
There's a whole science to CSS, but you should be fine with the styles you would probably use. That DMX link above should help you out.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

A web designer in my area who uses fireworks uses a black type band on the left of his site. Here is the URL: www.arterburn.com/about-us.asp
Look at the height of the black band there and then look at it here: www.arterburn.com/portfolio.asp
How does that work? I saved the portfolio page and files and opened it the page in dreamweaver and it stretches as you add content?? I don't know how. I cannot even click on the header or footer on that page in dreamweaver? From what I can tell, he is only using CSS for various text properties, hover, etc..

Thanks,
David G.

He must have set the black band as a background image in either his table cell or div. make sure to valign the table cell contents to "top" otherwise they will spread down the table depending on the amount of content. Then he inserts his menu images on top of the black background to give him the mesh buttons look.
<pre id=code><font face=courier size=2 id=code>
&lt;table width="50%" background="img/black.gif"&gt;
&lt;tr&gt;
&lt;td valign="top"&gt; HIS MENU STUFF &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</font id=code></pre id=code>

If its a div it would have a style property in the .css sheet of something like
<pre id=code><font face=courier size=2 id=code> #div anyname{
background-image: url(black.gif);
background-repeat: repeat-y;
}</font id=code></pre id=code>

then in the html
<pre id=code><font face=courier size=2 id=code>&lt;div id="anyname"&gt; THE CONTENT &lt;/div&gt;</font id=code></pre id=code>

so then if 1000 lines were entered, the black band will go with them all the way.

Regards,
Dave

[DWMX 2004]|[FlashMX 2004 Pro]|[Studio MX 2004]|[SQL]|[Access2000/2002]|[ASP/VBScript]|[XP-Pro]
If you like online gaming, please register @ www.nova-multigaming.com