HTML code error Hyperlink

0

Hello everyone. I do not understand much of programming, I got a code and I developed a little according to what I wanted, but the hyperlink of each entry does not work, I tried several ways to solve, but nothing worked so far. Can someone give me some help?

<html>
<head>
<style>
/* Menu */
.sidepanel {
    height: 290px;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #E1E1E1;
    overflow-x: hidden;
    padding-top: 0px;
    transition: 0.2s;
}

/* Menu Cor */
.sidepanel a {
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    font-size: 14px;
     font-family: Arial;
    color: #2C2C2C;
    display: block;
    transition: 0.3s;
}

/* Menu MouseOver Cor */
.sidepanel a:hover {
    color: #A1A1A1;
}

/* Posição e Cor do botão FecharMenu */
.sidepanel .closebtn {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    width: 70;
    height: 270;
}

/* Estilo e Botão que abre Menu */
.openbtn {
    cursor: pointer;
    background-color: hsla(0,0%,40%,0.74);
    margin-top: 110;
    margin-left: 5;
    padding: 10px;
    border: none;
}

.openbtn:hover {
    background-color: #00F832;
}
</style> 
</head>
<body bgcolor="747474">
<div id="mySidepanel" class="sidepanel">
  <a href="" class="closebtn" onMouseOut="closeNav()"></a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Resumo</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Loja</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/CAG/CAG.px">CAG</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Fancoils</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Ventilador</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Energia</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Nobreak</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Gerador</a>
  <a href="local:|foxs:|file:^px/BRASIL/SP/291/Ventilador/Ventilador.px">Intrusão</a>
</div>
<button class="openbtn" onMouseOver="openNav()"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFxSURBVGhD7dk9L0RBGIbhFRGJQkKjQUJFR0VHSamlV+v9AD9ArdZSUtJRUelUCo1CohCf97ObTTab/ThnzjjzvjJPciW7292VmdHIy8vLK7I5HLQ++t48fnDY/OZ47RA50g9e1xkixxiBu3WHyAlG4Wq9QuQUY3CzfiFyjnG42KAQucQEzG9YiFxjEqZXJERuMQ2zKxoi95iByZUJkQfoWGNuZUPkEYswtZAQecIyzCw0RJ6xChOrEiIvWEfyVQ2RV2wi6WKEyBu2kWyxQuQdO0iymCHyiT3Uvtgh8oVd1Lq/CNFf/1nUutghd0hyHosZcoNkJ+RYIVdIemeJEXKB5LfIqiFnMHGvrxJi6qUlNMTc21dIiMnXyLIhZt+Hy4SYfrEvEvIN8/9DGRai0+w+zG9QyAeSHMlD1i8k6SUpZL1CdG3dgqt1h+ghYQPu1hmip501uFw7RI9tK/rB6xSi58+l5jfHm8JC62Ne3j9co/ELbozEkvc5aZEAAAAASUVORK5CYII="max-width="20px" width="18px"></button> 
<script>
function openNav() {
 document.getElementById("mySidepanel").style.width = "100px";
}
function closeNav() {
 document.getElementById("mySidepanel").style.width = "0px";
}
</script>
</body>
</html>
    
asked by anonymous 05.12.2018 / 22:22

1 answer

2

You're putting something weird in href , try to put the address, for example, let's suppose your site is https://example.com and you have the fan page, you'd do something like this

<a href="https://example.com/BRASIL/SP/291/Ventilador/Ventilador.html">Ventilador</a>

Remember, no href put the full link.

I hope I have helped: D

    
05.12.2018 / 22:52