1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Link em imagens - problema

Discussão em 'Web Development' iniciada por pamezapa, 5 de Fevereiro de 2013. (Respostas: 3; Visualizações: 616)

  1. 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;
    }
     
  2. RicAlmeida

    RicAlmeida Power Member

    a pagina Equipamentos.htm encontra dentro da mesma pasta do que a pagina principal?
     
  3. Boas,
    Sim está na mesma pasta...

    Paulo Ferreira
     
  4. paulo.correia

    paulo.correia Banido

    Consegues abrir num browser se meteres o endereço à mão?

    Mete os dois endereços aqui... o dessa página e o da página equipamentos.htm
     

Partilhar esta Página