HTML web page

Started by Blisk, July 23, 2022, 08:32:51 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Blisk

Hi
I need help with a web page created in HTML. My frined which passed away, make this page for our common friend and I take over so his work live on.
Here in this page I need to make all picture clickable and with links. But first 3 pictures are clickable until bottom are not and don't know why.
Problem are 3 this lines which position links if I delete this line than it works.
<div id="linki" style="position:absolute;left:330px;top:155px;width:837px;height:897px;z-index:12;">

here is code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="refresh" content="60">
<meta http-equiv="Content-Language" content="sl">
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1250">
<title>BORÄŚIski</title>
<meta name="description" content="BORČI SKI - Borut Bedenik s.p., Podkraj pri Velenju - servis smuči, izposoja smučarske opreme, šola smučanja">
<meta name="keywords" content="smučanje, smucanje, smuči, smuci, izposoja, smučarska oprema, smucarska oprema, šola smučanja, sola smucanja, šola v naravi, sola v naravi, mali športnik, trione, priprava robnikov, priprava smuči, svetovanje pri nakupu, nakup smučarske opreme, podkraj, velenje, kope, golte, servis, servis smuči, servis smuci, karving, carving, zavojčki, zavoji">
<meta name="author" content="BoRÄŤi ski">
<meta name="generator" content="WYSIWYG Web Builder 12 - http://www.wysiwygwebbuilder.com">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">


<?php
$stran
="sup";
include 
'osnova.php';
?>



      <div id="wb_PhotoGallery2" style="position:absolute;left:82px;top:380px;width:837px;height:397px;z-index:12;">
         <table id="PhotoGallery2">
            <tr>

               <td class="thumbnail"><a href="images/sup/Esup41.png" rel="PhotoGallery2" title="ESUP-41, ESUP-41"><img alt="ESUP-41, SUP-41"   id="PhotoGallery2_img3" src="images/sup/Esup41.png"   title="ESUP-41, ESUP-41"></a></td>
<div id="linki" style="position:absolute;left:50px;top:155px;width:837px;height:897px;z-index:12;">
<a class="active" href="https://www.youtube.com/watch?v=s2c94ETM3wM&t=79s target="_blank" title="Predstavitev">Predstavitev</a>
<br>
<a class="active" href="https://www.youtube.com/watch?v=ADxHh97CuxY target="_blank" title="Navodila za uporabo!!!">Navodila za uporabo!!!</a>
<br>
<a class="active" href="https://sipaboards.com/product/drive-tourer/#pll_switcher target="_blank" title="Drive Tourer">Drive Tourer</a>
<br>

<td class="thumbnail"><a href="images/sup/Esup42.png" rel="PhotoGallery2" title="ESUP-42, ESUP-42">  <img alt="ESUP-42, SUP-42"   id="PhotoGallery2_img3" src="images/sup/Esup42.png"   title="ESUP-42, ESUP-42">  </a></td>
<div id="linki" style="position:absolute;left:330px;top:155px;width:837px;height:897px;z-index:12;">
<a class="active" href="https://www.youtube.com/watch?v=s2c94ETM3wM&t=79s target="_self" title="Predstavitev">Predstavitev</a>
<br>
<a class="active" href="https://www.youtube.com/watch?v=ADxHh97CuxY target="_self" title="Navodila za uporabo!!!">Navodila za uporabo!!!</a>
<br>
<a class="active" href="https://sipaboards.com/product/drive-allrounder target="_self" title="All Rounder">All Rounder</a>
<br>
         
<br>
<td class="thumbnail"><a href="images/sup/Esup43.png" rel="PhotoGallery2" title="ESUP-43, ESUP-43">  <img alt="ESUP-43, SUP-43"   id="PhotoGallery2_img3" src="images/sup/Esup43.png"   title="ESUP-43, ESUP-43">  </a></td>
<div id="linki" style="position:absolute;left:610px;top:155px;width:837px;height:897px;z-index:12;">
<a class="active" href="https://youtu.be/sh-yW1yyNFQ target="_self" title="Predstavitev">Predstavitev</a>
<br>
<a class="active" href="https://youtu.be/IqUf4ipWhtc target="_self" title="Navodila za uporabo!!!">Navodila za uporabo!!!</a>
<br>
<a class="active" href="https://albatross-efoil.shop target="_self" title="efoil"efoil</a>
<br>



   
</tr>
                          <tr>
           <div id="linki" style="position:absolute;left:610px;top:155px;width:837px;height:897px;z-index:12;">
           <td class="thumbnail"><a href="images/sup/Jadro2.png" rel="PhotoGallery2" title="JADRO-2"><img alt="JADRO-2" id="PhotoGallery2_img3" src="images/sup/Jadro2.png" title="JADRO-2"></a></td>
           <td class="thumbnail"><a href="images/sup/Sup39.png" rel="PhotoGallery2" title="SUP-39">  <img alt="SUP-39"   id="PhotoGallery2_img3" src="images/sup/Sup39.png"   title="SUP-39">  </a></td>
           <td class="thumbnail"><a href="images/sup/Sup-9b.png" rel="PhotoGallery2" title="SUP-9"><img alt="SUP-9" id="PhotoGallery2_img3" src="images/sup/Sup-9b.png" title="SUP-9"></a></td>


            </tr>
   
         
         </table>
</div>

   
      <div id="wb_Text2" style="position:absolute;left:82px;top:256px;width:394px;height:50px;z-index:13;">
         <span style="text-shadow: 2px 2px 2px Black;color:#00C7E1;font-family:'Exo22';font-size:35px;"><strong>IZPOSOJA SUPOV</strong></span>
      </div>
      <div id="wb_Text1" style="position:absolute;left:420px;top:260px;width:500px;height:72px;z-index:14;">
         <span style="text-shadow: 2px 2px 2px Black;color:#F8F8FF;font-family:Exo2;font-size:22px;">
         <strong><u>AKCIJA</u></strong> ob rezervaciji:<br>
         7=6, 10=8, 14=10<br>
         (ob koriščenju 7 dni plaÄŤate 6 dni, ...)
         </span>
      </div>

      <div id="wb_TextArtSUP" style="position:absolute;left:930px;top:250px;height:300px;z-index:716;">
         <img class="effectfront" src="images/sup/sup-akcija2.png" id="TextArt2" alt="SUP akcija" title="SUP akcija">
      </div>

      <div id="wb_TextArtSUP" style="position:absolute;left:1000px;top:435px;height:300px;z-index:716;">
      <span style="text-shadow: 2px 2px 2px Black;color:#F8F8FF;font-family:Exo2;font-size:22px;">

<a class="active" href="images/sup/Esup41.png" target="_self" title="eSUP-41">ESUP-41</a>
<br>
<a class="active" href="images/sup/Esup42.png" target="_self" title="eSUP-42">ESUP-42</a>
<br>
<a class="active" href="images/sup/Esup43.png" target="_self" title="eSUP-43">ESUP-43</a>
<br>
<a class="active" href="images/sup/Jadro2.png" target="_self" title="JADRO-2">JADRO-2</a>
<br>
<a class="active" href="images/sup/Sup-9b.png" target="_self" title="SUP-9">SUP-9</a>
<br>
<a class="active" href="images/sup/Sup39.png" target="_self" title="SUP-39">SUP-39</a>
<br>


        </strong>
      </span>
      </div>
      <div id=TextArtSUP" style="position:absolute;left:760px;top:855px;width:394px;height:50px;z-index:716;">
         <span style="text-shadow: 2px 2px 2px Black;color:#00C7E1;font-family:'Exo22';font-size:20px;">
         <a class="active" href="sup.php" target="_self" title="STRAN 2"><strong><<<<<< STRAN 1</strong></span>
      </div>


   </div>
</body>
</html>

DaveLembke

Trying to figure out why sipaboards is in your HTML source... as their website is not built with a wysiwyg like you have here.... are you trying to clone their site or sell their products through your own site?

https : //sipaboards . com/

Blisk

this site is form my friend and he rent their boards, he doesn't sell anything