Forum Moderators: not2easy

Message Too Old, No Replies

Exporting textbox with-in image using fireworks

can it be done

         

Acternaweb

2:22 pm on Feb 12, 2004 (gmt 0)

10+ Year Member



The subject really says it all. I have a rectangle that I want to hold HTML. I have created a textbox with in the image, sliced it and exported it. However when I use Dreamweaver, the text starts in the middle of the box, not the top. Do I need to create mupltiple textboxes and slice each piece? The text will not be static thus I don''t want it to be in the image.

This is the first time I am using fireworks so I appreciate your help

bunltd

3:02 pm on Feb 12, 2004 (gmt 0)

10+ Year Member



You should be able to edit the exported html and set the cell where your text is to align="top" - Is that what you mean?

LisaB

Acternaweb

7:12 pm on Feb 12, 2004 (gmt 0)

10+ Year Member



Thanks, I tried that, it didn't work

limbo

2:31 pm on Feb 14, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Not sure if totally understand what you are trying to achieve.

The table cell in the exported HTML can be edited as any other can be.

There my be something hampering your setting for the table cell. I would look at the page in code view to see if you can identify the HTML tag that is causing you the error.

Importing Fireworks html into DW does add alot of code bloat.

E.G.

Fireworks HTML:

----------------------

<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks 4.0 Dreamweaver 4.0 target. Created Sat Feb 14 13:42:55 GMT+0000 (GMT Standard Time) 2004-->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="484">
<!-- fwtable fwsrc="Untitled" fwbase="sliced.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="212" height="1" border="0"></td>
<td><img src="spacer.gif" width="60" height="1" border="0"></td>
<td><img src="spacer.gif" width="212" height="1" border="0"></td>
<td><img src="spacer.gif" width="1" height="1" border="0"></td>
</tr>

<tr>
<td colspan="3"><img name="sliced_r1_c1" src="sliced_r1_c1.gif" width="484" height="106" border="0"></td>
<td><img src="spacer.gif" width="1" height="106" border="0"></td>
</tr>
<tr>
<td rowspan="2"><img name="sliced_r2_c1" src="sliced_r2_c1.gif" width="212" height="236" border="0"></td>
<td><img name="sliced_r2_c2" src="sliced_r2_c2.gif" width="60" height="146" border="0"></td>
<td rowspan="2"><img name="sliced_r2_c3" src="sliced_r2_c3.gif" width="212" height="236" border="0"></td>
<td><img src="spacer.gif" width="1" height="146" border="0"></td>
</tr>
<tr>
<td><img name="sliced_r3_c2" src="sliced_r3_c2.gif" width="60" height="90" border="0"></td>
<td><img src="spacer.gif" width="1" height="90" border="0"></td>
</tr>
</table>
</body>
</html>

-------------------------

after removing bloat:

-------------------------

<html><head><title>title</title></head><body>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3">
<img src="sliced_r1_c1.gif"></td>
</tr>
<tr>
<td rowspan="2"><img src="sliced_r2_c1.gif"></td>
<td><img src="sliced_r2_c2.gif"></td>
<td rowspan="2"><img src="sliced_r2_c3.gif"></td>
</tr>
<tr>
<td><img src="sliced_r3_c2.gif"></td>
</tr></table>
</body></html>

----------------

Quite a difference in size, and displays the exactly the same!

Ta

Limbo

Acternaweb

5:56 pm on Feb 16, 2004 (gmt 0)

10+ Year Member



Thanks Limbo, I will try that. Did you remove the "bloat" by hand or a resource?

limbo

5:25 pm on Feb 18, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



By Hand - it's a pain but the results are leaner, faster, cleaner...