Links From Custom Main Page

Hi

I'm building a custom front page with links to my cataloge.

My problem is the links work in Mozilla but not in Internet Explorer.

In the define pages editor for the main page i have;

<a id="womensLink" href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"> </a>

and in my stylesheet I have;

#womensLink {
position: absolute;
top: 220px;
left: 513px;
height:200px;
width: 158px;
}

My site is located at http://www.imagocollections.com.au

Any help would really be appreciated.

Try correct anchor text format

<a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"> </a>

Let us know

Hi

Just tried your suggestion and tried putting < > in every place i could think of, all of which stopped it working in Firefox too. Got it working in Firefox again using 'a href' as below.

<a id="womensLink"a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"></a>

Still not working in IE though. Any ideas?

Thanks

see below

Craig Robbo:

<a id="womensLink"a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"></a>

As you've found out, firefox is extremely forgiving while IE is stOOpid. You cannot have to a calls without the dumb IE going "HUH!?!"
You're better off moving the id to a div outside the <a href...

Hi

I'm really sorry but could I trouble you for an example of what you mean there. I'm a total newbie when it comes to HTML - I only got the code for the links because "zen-master" ghj42 gave it to me.

Thanks for your help

Change this> <a id="womensLink"a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"></a>to > <div id="womensLink"><a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33">SOMETHING HERE PLEASE</a></div>would probably work. Without the SOMETHING HERE PLEASE, nothing will show up.
Then your css would change to > #womensLink a{

position: absolute;
top: 220px;
left: 513px;
height:200px;
width: 158px;
}

I think you may have either misread ghj42 or caught him when he gave all his coffee to the devs:P

Thanks a heap for all of that.

Did as you said but the "SOMETHING HERE PLEASE" text is now displayed on the page and the link is limited to the text.

Sorry I should have explained myself a bit better. I was after the links to cover the photo frames pictured so that they form the links when they are clicked on.

Okay, I see what's going on but where are you defining image zones?

The front page is just one big .jpg. I'm trying to use

#womensLink a{
position: absolute;
top: 220px;
left: 513px;
height:200px;
width: 158px;[/COLOR]}

in my stylesheet to define where the links are positioned (changing the positions for each image). Works for Firefox but not IE. Sorry for the confusion

What about using an image map?

Sorry - new at that one too! How would I go about doing that?

Basic html coding for your custom page you can Google for more image map creation and start with this one
http://www.javascriptkit.com/howto/imagemap.shtml

I helped someone on image mapping, with a post a couple of weeks ago... Do a search for "image map" or hotspot.

http://www.zen-cart.com/forum/showthread.php?t=93238

Many thanks to you both. I should be able to get it working with all of that:smile:

Glad to see that things look in hand.
BTW, you can have an id for a link, but you can't put two "a" tags into it:html <a id="womensLink"a href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33"></a> It would be like this:```html
<a id="womensLink" href="http://www.imagocollections.com.au/index.php?main_page=index&cPath=33">content</a>

You wouldn't address a link named #womensLink as
#womensLink a {
but as
a#womensLink {

#womensLink a {
means a link inside an element named #womensLink.

It is possible that IE doesn't treat an id in a link correctly; there are plenty of other examples of it choking on valid CSS treatments.