Rich57

I would like to differentiate between(a) internal links that open in the same window, and( external links that open in a new windowby using a specific hover background colour. I know I can combine pseudo-classes and classnames from a w3schools example: a.classname:hover{}. However, this would involve adding a class to all my external links.All my external links have the target="_blank" attribute, but my attempts at using an attribute selector (e.g. a[target=_blank]:hover {}) and an independent attribute selector (e.g. target:hover {}) have failed. Should either of these work, or are they not widely supported? I'm using IE6 and Firefox 1.5.Richard

Have a look at thisAll the CSS for this sample page from my site is embedded - the external stylesheet is disabled.The problem is that while IE6 shows the right-hand navigation links (#NavExt1) at the same height as the upper left-hand links (#NavInt1), Firefox shows them at the same height as the lower left-hand links (#NavInt2). Do I have to 'fool' Firefox somehow, or is Firefox behaving correctly and I have to 'fool' IE6?On other site pages, where there is only one left-hand links box (#NavInt2 is not shown), #NavExt1 is shown at the same height in both browsers (just below the #header div, the intended height).

Hi DorothyI tried your example HTML in Firefox 1.5.0.7 and IE6. Seems that in Firefox smaller text sizes are okay but larger ones overflow the footer. IE6 seems to cope with any text size. I'm sorry I can't offer an explanation for this.Richard

Thanks, aspnetguy. A CSS approach has been suggested by my tutor - see http://www.alistapart.com/articles/imagemap/. I'm going to try this.

Very sorry, listers, beginner's error. I had two alternative <base> tags in place, but forgot to change them over! This is done now. Also I made sure that all images are uploaded.I'd appreciate any guidance you can offer. I'm also getting help from my tutor and I don't think there's an issue with outside help - he's often referring me to web forums and articles.

Here I have an HTML file containing an imagemap (my garden) and link styles in the embedded style sheet. There are no link styles in the external style sheet yet.First I tried the pseudo-classes for all links, which worked for the navigation links to left and right but not for the links in the imagemap. I also tried targeting a:link to a class "maplink" in the first <area> but again no effect.The effect I am looking for is for the clickable zones on the garden map to adopt the colour of the flowers/berries when hovered and when visited.This page is part of a CIT 124 assignment to test my knowledge of HTML & CSS. Is this effect possible using HTML/CSS?