URL in Background

I need to add a url in the background

if I put in a single div with a width of 1900, when surfing the web items do not work well, because its content contains the url of the side.

I need to separate the sides add a link can be independent to each side or the same.

click_area.jpg

override.css

Code: Select all

 #top_fleft .foo_left, #topf_left .foo_left a {
    display: block;
    padding: 0;
    margin: 0;
    width: 300px;
    height: 900px;
    cursor: pointer;
    z-index: 0;
    }
   
    #topf_right .foo_right, #topf_right .foo_right a {
    display: block;
    right: 0;
    padding: 0;
    margin: 0;
   width: 300px;
    height: 900px;
    cursor: pointer;
    z-index: 0;
    }

default.php

Code: Select all

<div id="topfiz">
 
        <span class="foo"><a href="http://www.google.es" target="_blank"> </a></span>
  </div>

  <div id="topfde">
 
        <span class="food"><a href="http://www.google.es" target="_blank"> </a></span>
  </div>

Now it works well in the area of the left, but do not get in the right area, because the location is not defined.

Sorry This code is good

override.css

Code: Select all

  #topf .foo, #topf .foo a {
    display: block;
    padding: 0;
    margin: 0;
    width: 1900px;
    height: 900px;
    cursor: pointer;
    z-index: 0;
    }

default.php

Code: Select all

<body<?php echo $tpl_page_suffix; ?>>
    <div id="topf">
          <span class="foo"><a href="http://www.google.es" target="_blank"> </a></span>
    </div>
 .......