Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Hi I need help on how to center images from hotspot and linked jpeg

Status
Not open for further replies.

clarky1970

Programmer
Sep 30, 2011
1
GB
Can anyone help !!

I have created a hotspot's over images in dreamweaver that link to an Jpegs to open and view in a new windows "that bit is fine"

When the images are clicked on they open in new windows, however the images is positioned to the top left of the windows and i would like them to be centered but I can not figure out how to do this.

Here is the code for the images in question, the main image is the openroadoffers which has 3 hotspot's placed on it (these 3 hotspot "referral voucher, xmasvoucher & newdriver voucher" link to jpeg images to be view in new window, these are the images i would like to be centered when the new window opens.

<div id="header-pic"><img src="images/openroadoffers.jpg" alt="" width="820" height="254" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="56,39,232,228" href="images/referalvoucher.jpg" target="_parent" alt="Referal Voucher" />
<area shape="rect" coords="289,26,494,238" href="images/xmasvoucher.jpg" target="_parent" alt="Xmas Voucher" />
<area shape="rect" coords="572,6,775,224" href="images/newdrivervoucher.jpg" target="_parent" alt="new drivers offer" />
</map>

Any help on this would be fantastic

Thank

Andy
 
Since you are Opening the images directly, there's not much to be done.

You would need to create html pages for each image to use html tags and CSS to center them.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
For a 'prettier' result you could try something like Lightbox -
It's very simple to set up and would give you the result you are after...and pressent it nicely.

I used to have a handle on life... but it broke. Cpt. Red Bull
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top