PDA

View Full Version : Homepage images/navigation


backbaydavid
03-30-2007, 02:39 PM
I don't know if this is the right forum...but here it goes:

My homepage basically consists of a table with various cells containing text. I would like the user to be able to click on any part of a cell and go to a different webpage. I initially accomplished this by inserting an image into each cell and then linking the image to the webpage. Each image was sized according to the dimensions of the cell, and the text that normally would reside in the cell was pushed into the image itself. It looks fine, actually, it looks good and I like it (By using an image, I could create a beveled "buttons" look to each cell, which I like). My only problem is that when i hold my mouse over the image, I get that little popup icon that lets me print or save the image. How do I get rid of that stupid print/save "thingy" (sorry, don't know what its called), and still preserve the bevel/button look and functionality? I know theres gotta be a better way....

eyalros
04-01-2007, 11:07 AM
You can use DIV's:
First create an iframe according to your width and height like that:

<iframe width="X" height="Y" frameborder=0 marginheight=0 marginwidth=0 src="button.html"></iframe>

And then create the "button.html" (or whatever you will decide to call it) which goes inside the iframe:

<div name="behind" style="position: absolute; left: 0; top:0;">
<table width=100% height=100% cellpading=0 cellspacing=0><td>
<img src="IMAGE" width=100% height=100%>
</td></table>
</div>

<div name="text_above" style="position: absolute; left: 0; top:0;">
<table width=100% height=100% cellpading=0 cellspacing=0><td>
Your Text/Link Here
</td></table>
</div>



Reply how do you doing...

coothead
04-01-2007, 01:50 PM
Hi there backbaydavid,

this is an IE feature for versions less than 7.

To remove galleryimg toolbar place this meta tag within the head section of your document...
<meta http-equiv="imagetoolbar" content="no">
To remove it permanently from your pc...

open IE
click 'Tools'
click 'Internet Options'
click the 'Advanced' tab
scroll down until you find 'Enable Image Toolbar'
clear the 'check box'
click 'Apply'
click 'OK'
Have a beer ;)

Note:- As of Windows Internet Explorer 7. The GALLERYIMG attribute/property is obsolete and no longer available.

Further reading:-
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/galleryimg.asp

backbaydavid
04-03-2007, 09:51 AM
Well, both methods will work. I tried the second method first, it worked, and I'm wondering: is there anything special or a special advantage to iframes? Im not familiar with them at all but I mgiht like to learn.