Prev | Current Page 255 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"

It contains three geometric
shapes that will be turned into clickable hot-spots.
The image is added to the web page in the usual way (and
within a block element, since img is an inline element), but
with the addition of a usemap attribute, whose value must be
preceded by a hash sign (#).
Because of a bug in Internet Explorer pre-version 7, you need to add the following
rule to make the pop-up work in Internet Explorer 6 or 5.5: #popupContainer a:hover
{text-indent: 0;}. Ideally, this should be added in a style sheet linked via a conditional
comment??”see Chapter 9 for more on hacks for old browsers.
USING LINKS AND CREATING NAVIGATION
175
5

Shapes?? usemap="#shapes" />

The value of the usemap attribute must correlate with the name and id values of the associated
map element. Note that the name attribute is required for backward compatibility,
whereas the id attribute is mandatory.


The map element acts as a container for specifications regarding the map??™s active areas,
which are added as area elements.

?? coords="29,27,173,171" href="square.html" alt="A square" />
?? coords="295,175,81" href="circle.html" alt="A circle" />
?? coords="177,231,269,369,84,369" href="triangle.


Pages:
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267