When I roll my mouse over the logos in the footer area of this page www.efficient-heat.net I get no hot spots.

 

 

What could it be, I'm stumped?

When I roll my mouse over the logos in the footer area of this page www.efficient-heat.net I get no hot spots.

What could it be, I'm stumped?

 

 

 

When I check the code in firebug ff3 I get this :

 

<map id="logosmap" name="logosmap">

<area alt="Efficient Heat are approved nortrom proflush operators" href="www.norstrom.co.uk/" coords="0,0,115,72" shape="rect"/>

 

Notice that the shape="rect" is at the end.

 

But the code im uploading to the server is :

 

<map name="logosmap">

<area shape="rect"coords="0,0,115,72" href="http://www.norstrom.co.uk/" alt="Efficient Heat are approved nortrom proflush operators" />

 

The shape where is should be.

Hi, I'm curious as to why you're doing it this way.

A simple unordered list of links would do the job.

<ul id="logos">
<li><a href="destination.com" title="Visit this site"><img src="logo.jpg" alt="so and so logo" /></a></li>
<li><a href="destination.com" title="Visit this site"><img src="logo.jpg" alt="so and so logo" /></a></li>
<li><a href="destination.com" title="Visit this site"><img src="logo.jpg" alt="so and so logo" /></a></li>
<li><a href="destination.com" title="Visit this site"><img src="logo.jpg" alt="so and so logo" /></a></li>
<li><a href="destination.com" title="Visit this site"><img src="logo.jpg" alt="so and so logo" /></a></li>
</ul>

I had the logos as one image and had done an image map before and was hoping this method would be easiest and quickest for me. It didn't quite work out like that.

 

 

I know some people say having one image as opposed to several reduces http requests but that wasn't my motivation for doing an image map. I'm not at the stage to be worrying too much about http requests- my first CSS and HTML site.

 

 

 

I've used the list method and it works but they are not inline. I've set the display inline in the style sheet but its getting overridden by the reset style sheet.

 

I think I need to make my styles more specific to override the reset sheet ?

 

Thanks for your help.

I've managed to get them inline. I was targeting the ul when I should have been aiming at the li.

 

 

#logos #logoslist li {

display:inline;

list-style-type: none;

padding:0px;

 

list-style-position:inside;

 

}

 

 

I think the list method is much better for this purpose. :-)

I've managed to get them inline. I was targeting the ul when I should have been aiming at the li.

 

 

#logos #logoslist li {

display:inline;

list-style-type: none;

padding:0px;

 

list-style-position:inside;

 

}

 

 

I think the list method is much better for this purpose. :-)

 

Glad to see you've got it sorted!