Estou a desenvolver um site e precisava da vossa ajuda para resolver determinados pormenores.
O website tem uma imagem de fundo com vários objectos. Posteriormente foram-lhe adicionados mais objectos, ou seja, simples imagens (de objectos
) dentro de <div>.
1 - Alguns dos objectos estão limitados com <map> e <area> para que quando se carregue neles (apenas na sua área) aconteça algo.
O que eu gostava de fazer era sempre que alguém passasse com o rato por cima dessa tal <area> ou <map> a limitação/perímetro desta(e) (conjunto de coords) aparecesse a vermelho.
Através de CSS tentei:
- Código: Seleccionar todos
MAP{
border:2px red;
}
ou
- Código: Seleccionar todos
MAP:hover{
border:2px red;
}
ou
- Código: Seleccionar todos
AREA{
border:2px red;
}
ou
- Código: Seleccionar todos
AREA:hover{
border:2px red;
}
Mas não deu em nada.
É possível fazer o que quero? Se sim, como?
2 - Como já disse acima o background do site é uma imagem repleta de objectos e com uma resolução de 1280x800.
Através de CSS e com "margin: auto" temos a facilidade de todos os TAG (div, span, img ...), por assim dizendo, do nosso site se adaptarem a qualquer resolução de ecrã.
O que eu queria era que a imagem de fundo fizesse o mesmo, ou seja, ficasse do tamanho da resolução de ecrã de cada pessoa.
É possível fazer o que quero? Se sim, como?
Muito obrigado a todos
