Link em imagens - problema

P

pamezapa

Membro
Boas,
Sou novo a usar o dreamweaver, e estou aqui com um problema. Já dei voltas e voltas e não consigo achar...
Estou a tentar inserir um link numa imagem (menu 2), para abrir outra página, mas o link não funciona.
Envio o código html e css, para ver se me conseguem ajudar.

Obrigado,
Paulo Ferreira

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pedro Malhão Unipessoal</title>
<link href="Styles/CSSjardim.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: url(Img/Subbackgroun.jpg);
background-repeat: repeat;
}
a img { border:none;
}
</style>
<script language="JavaScript1.1">
var slideimages=new Array()
function slideshowimages1(){
for (i=0;i<slideshowimages1.arguments.length;i++){
slideimages=new Image()
slideimages.src=slideshowimages1.arguments
}
}


function gotoshow(){
if (!window.winslide||winslide.closed)
winslide.focus()
}


</script>
</head>
<div class="wrapper"/>
<body>
<img src="Img/Logotipo.jpg" alt="" width="300" class="logotipo"/>
<hr align="left" width="940" noshade="noshade" color="#2EB348" class="bar1"/>
<img src="Buttons bars/Imagens, botões barras/STIHL Logo.jpg" alt="" width="60" class="stihl" />
<a href="Equipamentos.htm"> <img src="Img/menu2.jpg" alt="" class="menu2"/> </a>
<img src="Img/menu3.jpg" alt="" class="menu3"/>
<img src="Img/menu4.jpg" alt="" class="menu4"/>
<img src="Img/menu5.jpg" alt="" class="menu5"/>
<img src="Img/Vline.jpg" alt="" class="vline"/>
<img src="Img/copyright.jpg" alt="" class="copyright" />
<img src="Img/serviços.jpg" alt="" class="serviços" />
<img src="Buttons bars/Imagens, botões barras/rainbird logo.jpg" alt="" width="80" class="rainbird"/>
<img src="Img/menu1.jpg" alt="" class="menu1"/>
<img src="Img/Desserviços.jpg" alt="" class="desserviços" />
<div class="javaslideshow">
<javascript:gotoshow()>
<img src="Img/Fotosparaosite/Jardins/" alt="" name="slide" border="1" style="border-color:#2EB348","border:outset" width=300 height=210>
<script>
slideshowimages1("Img/Fotosparaosite/Jardins/jardins3.jpg","Img/Fotosparaosite/Jardins/jardins14.jpg","Img/Fotosparaosite/Jardins/jardins18.jpg","Img/Fotosparaosite/Arboricultura/arboricultura3.jpg","Img/Fotosparaosite/Arboricultura/arboricultura19.jpg","Img/Fotosparaosite/Arboricultura/arboricultura2.jpg","Img/Fotosparaosite/Limpeza de Terrenos/Lterrenos3.jpg","Img/Fotosparaosite/Limpeza de Terrenos/Lterrenos4.jpg","Img/Fotosparaosite/Limpeza de Terrenos/Lterrenos5.jpg")
var slideshowspeed=5000
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
</script>
</div>
</body>
</html>


CSS:

@charset "utf-8";


/* CSS Document */


.wrapper {
position: relative;
margin: auto;
width: auto;
}
.main-header {
position: absolute;
}
.logotipo {
float: left;
position: absolute;
padding-left:2%
}
.stihl {
float: left;
position:absolute;
padding-top: 1%;
padding-left: 90%;
}
.rainbird {
position: absolute;
float:left;
padding-left:88%;
padding-top: 3%;
}


.common-header {
position: absolute;

}
.bar1 {
position: absolute;
top: 85px;
left: 3%;
}
.menu1 {
position: absolute;
float:left;
padding-left: 10%;
padding-top:10%;
}
.menu2 {
position: absolute;
float:left;
padding-left: 25%;
padding-top: 10%;
}
.menu3 {
position: absolute;
float:left;
padding-left:43%;
padding-top: 10%;
left: 10px;


}
.menu4 {
position: absolute;
float:left;
padding-left: 67%;
padding-top: 11%;
}




.menu5 {
position: absolute;
float: left;
padding-left: 80%;
padding-top: 10%;
}
.copyright {
position: absolute;
float: left;
padding-left: 40%;
padding-top: 68%
}
.serviços {
position: absolute;
float: left;
padding-left: 11%;
padding-top: 18%;
}
.desserviços {
position: absolute;
float: left;
padding-left: 15%;
padding-top: 22%;
}
.vline {
position: absolute;
float:left;
padding-left:10%;
padding-top: 20%;
height: 400px;
}
.javaslideshow {
position: absolute;
height: 130px;
width: 260px;
padding-top: 27%;
padding-left: 62%;
visibility: visible;
overflow: visible;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
 
Inicie sessão ou registe-se para poder participar.
Back
Topo