|
|
Posted by Martin Jay on 08/23/07 23:41
On Thu, 23 Aug 2007 14:22:52 -0700, laptopia@gmail.com wrote:
>When I export a page from fireworks it creates a table based layout
>and it creates a single CSS tag without which all the images in the
>table cells will have unnecessary space around them.
Ouch! The words 'table,' 'based' and 'layout' really shouldn't be
used in such close proximity to each other. :)
Some browsers add space to the bottom of images, which is equivalent
to that taken up by the under-hanging parts of letters such as g, p, j
and y.
>I want to get rid of this tag, because its causing problems with a
>great PHP gallery that I like to use on my sites.
>
>here is the tag:
>td img { display: block; }
>
>without this tag I will get spaces all the images contained in the
>cells..
There are a few ways around this. Perhaps the easiest is to give the
table created by Fireworks a class, and then only apply the CSS to the
td img elements in that class.
So, in the HTML add style="fireworks" to the table element created by
Fireworks.
So: <table>
becomes: <table class="fireworks">
And then modify the CSS from:
td img { display: block; }
to:
..fireworks td img { display: block; }
--
Martin Jay
Navigation:
[Reply to this message]
|