Is there a way to create a table that allows an underlying object to show through the cells and not the borders - imagine a grid laid over an object…?
Cheers
Pete
Try this;
http://www.mandarindesign.com/opacitycolor.html
David
On 12 Feb 2008, at 15:43, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object to show through the cells and not the borders - imagine a grid laid over an object…?
David Owen
Freeway Friendly Web hosting and Domains ::
http://www.printlineadvertising.co.uk/freeway
http://www.ineedwebhosting.co.uk
Hi Pete,
Is the underlying object a graphic or a div? If it’s a graphic you could apply the image to the table like this example <http://anoptic.com/transparent_table.html>. If it’s a div you could use the opacity attribute or RGBA declaration http://www.css3.info/a-brief-introduction-to-opacity-and-rgba/ but these are not fully supported by all browsers with RGBA being a CSS3 spec. It really depends on what needs to happen as there are tradeoffs. Do you have a page we can look at?
Todd
On Feb 12, 2008, at 9:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object to show through the cells and not the borders - imagine a grid laid over an object…?
Take a look in the Preview mode, or preview in a browser. As long as
you haven’t set a background color on your table, and as long as your
table is in a layer, it WILL be transparent. It just won’t look that
way in the design view.
Walter
On Feb 12, 2008, at 10:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object
to show through the cells and not the borders - imagine a grid laid
over an object…?Cheers
Pete
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks David, could be cool, if a bit of a brain cell agitator for me with my limited coding skills. It’s obviously not as easy a problem to deal with as in a DTP programme where images can be revealed inside vector containers.
I’ll re-read it a half dozen times and maybe get my head round it. I assume the coding would need to be added as markup.
cheers
Pete
On 12 Feb 2008, at 16:19, David Owen wrote:
Try this;
http://www.mandarindesign.com/opacitycolor.html
David
On 12 Feb 2008, at 15:43, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object to show through the cells and not the borders - imagine a grid laid over an object…?
David Owen
Freeway Friendly Web hosting and Domains ::http://www.printlineadvertising.co.uk/freeway
http://www.ineedwebhosting.co.uk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Cheers
Pete
I got all excited there but can’t get it to work. The whole table
does disappear in Preview OK but I want only the cells to be
transparent or knocked through to the graphic. What I want to achieve
is a picture fragmented into a grid but with the ability to drop
small images into random cells on top (hope that makes sense).
Cheers
pete
On 12 Feb 2008, at 16:42, Walter Lee Davis wrote:
Take a look in the Preview mode, or preview in a browser. As long as
you haven’t set a background color on your table, and as long as your
table is in a layer, it WILL be transparent. It just won’t look that
way in the design view.Walter
On Feb 12, 2008, at 10:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object
to show through the cells and not the borders - imagine a grid laid
over an object…?Cheers
Pete
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Try adding a style using the following markup. Click on the table
element and see what Freeway has named it (or rename it something
memorable, like myTable).
#myTable { border-top: 1px solid #fff; border-left: 1px solid #fff; }
#myTable td { border-right: 1px solid #fff; border-bottom: 1px solid
#fff; }
Now preview in your browser, and you should see a white grid across
the underlying image. (In my quick test, I just put a 1px border on
the table, but of course that makes an ugly 3D border.)
Now if you drop individual images into the cells, you should see them
over the top of your main image, assuming that everything is a layer.
Click inside a table cell so you see a text cursor, then Insert >
Graphic Item and you should get your wish.
Now here’s another way to do it that might be easier all around.
Add white rules to your underlying image, either using Freeway’s
graphic box tool or in Photoshop or similar. Then simply draw graphic
boxes over top of it in Freeway and fill them in with your images.
Avoid the table tool, unless you have a really compelling reason to
use it – Freeway will reward you for this choice with lots more
options for layout magick.
Walter
On Feb 12, 2008, at 12:02 PM, Pete MacKenzie wrote:
I got all excited there but can’t get it to work. The whole table
does disappear in Preview OK but I want only the cells to be
transparent or knocked through to the graphic. What I want to achieve
is a picture fragmented into a grid but with the ability to drop
small images into random cells on top (hope that makes sense).Cheers
peteOn 12 Feb 2008, at 16:42, Walter Lee Davis wrote:
Take a look in the Preview mode, or preview in a browser. As long as
you haven’t set a background color on your table, and as long as your
table is in a layer, it WILL be transparent. It just won’t look that
way in the design view.Walter
On Feb 12, 2008, at 10:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object
to show through the cells and not the borders - imagine a grid laid
over an object…?Cheers
Pete
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hello Todd, that does look rather like the effect I’m after with the grid lines being wider and white. I imagined the construction as a graphic layer with an overlaid table allowing visibility of the graphic but still allowing the table cells to be used for small graphics as required.
Nothing is fixed at this stage so nothing to see. My experiments so far have failed to produce anything that works.
Cheers
pete
On 12 Feb 2008, at 16:31, Todd wrote:
Hi Pete,
Is the underlying object a graphic or a div? If it’s a graphic you could apply the image to the table like this example <http://anoptic.com/transparent_table.html>. If it’s a div you could use the opacity attribute or RGBA declaration <http://www.css3.info/a-brief-introduction-to-opacity-and-rgba/> but these are not fully supported by all browsers with RGBA being a CSS3 spec. It really depends on what needs to happen as there are tradeoffs. Do you have a page we can look at?
Todd
On Feb 12, 2008, at 9:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object to show through the cells and not the borders - imagine a grid laid over an object…?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Applying the image to the table via CSS does seem the easiest route for what you need and you can easily add different images to the cells as you like. If you want me to send you a demo FW Pro file let me know, I’d be glad to do it.
Todd
On Feb 12, 2008, at 11:17 AM, Pete MacKenzie wrote:
Hello Todd, that does look rather like the effect I’m after with the grid lines being wider and white. I imagined the construction as a graphic layer with an overlaid table allowing visibility of the graphic but still allowing the table cells to be used for small graphics as required.
Nothing is fixed at this stage so nothing to see. My experiments so far have failed to produce anything that works.
Thanks Walter, I’ll experiment with that. I had also considered
constructing a Photoshop grid but thought that maybe tables would be
more flexible (and maybe a lazy way out, true). I can see now that
the table tool has limited graphic possibilities compared to what
Freeway offers in other areas.
cheers
Pete
On 12 Feb 2008, at 17:13, Walter Lee Davis wrote:
Try adding a style using the following markup. Click on the table
element and see what Freeway has named it (or rename it something
memorable, like myTable).#myTable { border-top: 1px solid #fff; border-left: 1px solid #fff; }
#myTable td { border-right: 1px solid #fff; border-bottom: 1px solid
#fff; }Now preview in your browser, and you should see a white grid across
the underlying image. (In my quick test, I just put a 1px border on
the table, but of course that makes an ugly 3D border.)Now if you drop individual images into the cells, you should see them
over the top of your main image, assuming that everything is a layer.
Click inside a table cell so you see a text cursor, then Insert >
Graphic Item and you should get your wish.Now here’s another way to do it that might be easier all around.
Add white rules to your underlying image, either using Freeway’s
graphic box tool or in Photoshop or similar. Then simply draw graphic
boxes over top of it in Freeway and fill them in with your images.Avoid the table tool, unless you have a really compelling reason to
use it – Freeway will reward you for this choice with lots more
options for layout magick.Walter
On Feb 12, 2008, at 12:02 PM, Pete MacKenzie wrote:
I got all excited there but can’t get it to work. The whole table
does disappear in Preview OK but I want only the cells to be
transparent or knocked through to the graphic. What I want to achieve
is a picture fragmented into a grid but with the ability to drop
small images into random cells on top (hope that makes sense).Cheers
peteOn 12 Feb 2008, at 16:42, Walter Lee Davis wrote:
Take a look in the Preview mode, or preview in a browser. As long as
you haven’t set a background color on your table, and as long as
your
table is in a layer, it WILL be transparent. It just won’t look that
way in the design view.Walter
On Feb 12, 2008, at 10:43 AM, Pete MacKenzie wrote:
Is there a way to create a table that allows an underlying object
to show through the cells and not the borders - imagine a grid laid
over an object…?Cheers
Pete
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options