Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jana Bandeira

Centralização de imagem na tela

Recommended Posts

Gente, encontrei o códgio na net e só alterei a imagem e as medidas, consegui, centralizei a imagem como queria, mas como faço pra mexer com a imagem se não a vejo::Estou com o seguinte código:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Posicionar um objeto na tela</title> 
<style type="text/css"> 
#imgpos { 
position:absolute; 
left:50%; 
top:50%; 
margin-left:-339px; 
margin-top:-123px; 
} 
</style> 
</head> 
<body>
<img src="arquivos/topo2.jpg" width="679" height="246" alt="logo de 220 por 80 pixel" id="imgpos">
</body> 
</html>

 

Porém, essa imagem topo2 fica na id, no dreamweaver, mas não a vejo no seu tamanho normal, qeria saber como posso olhar a imagem e editá-la, por exemplo,,queria mapear uma parte dela para linkar em outra coisa, é possível:: obrigada desde já!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos ser se eu entendi certo. No Dreamweaver a imagem só fica com fundo cinza? Quando isso acontece comigo eu uso a ferramenta Rectangle Hotspot Tool ou outra que se enquadre melhor e faço um quadro onde imagino ser o link. Se o tamanho e posição estiver errado basta pegar a ferramenta Point Hotspot Tool para aumentar/reduzir ou reposicionar a imagem.

 

Se não for isso, basta responder novamente.

:)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Complementando o amigo acima...

 

A imagem tem que estar na pasta "arquivos" que tem no teu código. Ela estando na pasta, pode ir diretamente na mesma e abre em algum programa para editar.

 

Assim que ela aparecer, abre a aba propriedades que aparecerá abaixo.

 

Clica uma vez na imagem e vai ver o ícone nessa mesma barra "map", você pode escolher fazer círculo ou retângulo ou posicionar uma nova forma, com isso colocará o link!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.