I want to place a picture into a coloured square shape

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I want to place a picture into a colored square. The picture has a white
background so it would look as though the picture has a colored border. How
do I do it?
 
One way, is to insert a 1 cell/row table with cell padding set to the size of the border you want,
then set the cell background to whatever color you want, then insert your image into the cell.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
You could also make the colored border for the image in your image editing
program.
ETC
 
Hi, Thank you for that I appreciate your help.. I know it's a bit cheeky but
how do you do that? I only bought FP on Sunday and I'm trying to put together
a web page and import it into another program.
 
Select the table Menu, Insert table, set 1 row / 1 column, set border to zero, set the amount of
padding (this will give you your border) then right click in the cell, then select cell properties,
set alignment to Middle & Center, then set your background color.

What other program will you be importing this page into, as you will have a problem with the link to
the image, as HTML doesn't embed images within the actual page.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
I have done that thanks. Is it possible to place this square onto another
single table/Cell with 50% overlapping the background single cell?
 
You will need to provide a absolute URL to the image located on a web server, unless High Impact
allows you to embed the image.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
Not using tables, you can do this using CSS, but you will need to wait for someone else to help you
with that since it will require working with layers.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
FYI: Shapes will only work for users of IE under Windows. Also it is implemented using absolute
positioning, meaning it will stay right were it is places, but other items on the page will move and
possible appear under the shape objects, etc. as the users browser window size changes.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
While it is easy enough to do with css and z-index most email clients will
not display it the way it is supposed to look because of the limitation of
those clients when it comes to css. I would recommend using a graphics
editor for an 'overlaping' look.

Course I discourage HTML emails anyway since I have too many clients who do
not allow HTML email into their systems at all. Others who have images and
HTML turned off.
 
create a table....set the background colour of the table to whatever you
want; insert the picture in the table....if the table/cell is slightly
bigger than the image, then the "border" around the image will show.
or....create the image in an image editor and add a border/background to the
image.
 
Back
Top