|
|
Posted by laptopia on 08/24/07 05:59
On Aug 23, 6:41 pm, Martin Jay <mar...@spam-free.org.uk> wrote:
> On Thu, 23 Aug 2007 14:22:52 -0700, lapto...@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
Thanks Martin, I should kick my self for not noticing the obvious, but
I think that comes with the job we're doing. Most of the time the
problems that take up the most time are because I fail to see the more
obvious of the solutions. Maybe they just seem obvious when you figure
it all out..
I had to wrap the gallery with another table and set its (td img)
property to inline and it worked.
Cheers,
Igor Terzic
Creative Director
www.stikimedia.com
Navigation:
[Reply to this message]
|