Redimensionar Imagens que são link juntamente com os outros elementos.
Olá, estou com o seguinte problemam no código abaixo tenho 3 imagens, que ao clicar nelas, serão links direcionados para outros sites(ou páginas). O problema é que quando minimizo o navegador, estas imagens não minimizam na mesma proporção que imagens comum, que estão na página. Alguém pode me dar uma ajuda?
Aí vai o código: na linhas sublinhadas estão as "imagens links" que quero arrumar!
<html><head><style>#content img {max-width:100%;max-height:100%;margin:auto;display:block; {margin:0;padding:0;}}#content a:link {max-width:100%;max-height:100%;margin:auto;display:block; {margin:0;padding:0;}} </style></head><body><div style="background-color:#126287;height:15%;width:100%;float:left;border: 0px;"></div><div id="content" style="background-color:#FEFEFE;height:25%;width:100%;float:left;" align="center"><img src="ufpel.jpg" align="left"><img src="logo.jpg" align="center"></div><div id="content" style="background-color:#126287;height:60%;width:100%;float:left;padding-top:10px;"><a href='https://webmail.ufpel.edu.br'><img src="botao_webmail.jpg" align="center"></a><a href='https://hospedagem.ufpel.edu.br:8080'><img src="botao_painel.jpg" align="center"></a><a href='http://hospedagem.ufpel.edu.br/phpmyadmin/'><img src="botao_dados.jpg" align="center"></a></div></body></html>
alguém sabe pessoal?
Discussão (6)
Carregando comentários...