can you style MAP and/or AREA tags?

[dresden_phoenix]

I am NOT trying to build an image map. I am merely curious if i could add stile attribute to an img map using CSS... it seems rules are allowed but have no visual effect.


for example:
area { border:3px solid #fff}
or
map{background:#fff}


just curious if it can be done or not..

[RyanReese]

Hi, you can style them, it just takes a little bigger values in order for it to happen.

(Yes I'm going to use w3schools)
http://www.w3schools.com/TAGS/tryit....ryhtml_areamap

If you try giving the map a border, the minimum it takes to show a border is 3px (3px solid red for example)

I don't think backgrounds will show though (why would you want to have a background color appear over your images?)

[dresden_phoenix]

hmmm.. I dont see the borders appearing on the MAP or AREA (oly the "standard" link image border...:/

as far as covering up an image.. that COULD have it's uses..

[dresden_phoenix]

I stand corrected, apparently the map is displayed ADJACENT to the image... :/ with 0 for width and height unless I add "display:block;" which of course gives it height, but places it BELOW the image.

nothing I do makes the areas show up...

Yeah I guess trying to style this element is pretty useless...

[RyanReese]

You may not be able to see it but yes it can be styled. It's just difficult because of the way the tag is

Edit:

Yup you got it .

Just style a containing element, aka a <div> surrounding it

[Paul O'B]

Hi,

You can style them but like other special elements they are usually display:none to start with.

e.g.

Firefox has these as default in html.css

area, base, basefont, head, meta, script, style, title,
noembed, param {
   display: none;
}

If you set it to display:block you can give it a background and borders etc.

However, as you noticed the element doesn't actually sit in the place specified by the co-ordinate attributes. The element is probably just a container for holding data that the browser can use to identify the relevant parts.