• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 573
  • Last Modified:

Background image clickable

Hi Experts,
I had look at following example.
http://www.position-relative.com/tutorials/tute1_css_bg_image.php

I'm trying to make clickable on following site's left and right banners which are under background image.
http://ddcdev.networkvideo.com.au/

But when I zoom or when I view under higher resolution it's not working properly. It's more into right and left , it's going out of the image.
Is there anyway that I can try to put positions from center , instead of right/left.

BR Dushan.
#LEFT{
    position: absolute;
    width: 130px;    /* width of the logo */
    height: 450px;   /* height of the logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
}

#RIGHT {
    position: absolute;
    width: 130px;    /* width of the logo */
    height: 450px;   /* height of the logo */
    top: 0; right: 0; /* top-left corner of logo */
    border: 0;
    float: right;
}

Open in new window

0
Dushan De Silva
Asked:
Dushan De Silva
  • 3
  • 2
2 Solutions
 
Dave BaldwinFixer of ProblemsCommented:
Can't get past the login.
0
 
Dushan De SilvaAuthor Commented:
ops, I'm sorry please try
http://www.donedirtcheapdvd.com.au/
0
 
Dushan De SilvaAuthor Commented:
I think , I did it.:)
#CLICKABLE {
    position: absolute;
    width: 100%;    /* width of the logo */
    height: 100%;   /* height of the logo */
    top: 0; right: 0; /* top-left corner of logo */
    border: 0;
    float: right;
}

Open in new window

0
 
Dave BaldwinFixer of ProblemsCommented:
You can't use "position: absolute;" and "float" together.   'box1' doesn't appear to be defined in your CSS so it will just be a div that stretches from the left border of the window to the right.  The way it should be working is that you will have 'LEFT' and 'RIGHT' boxes 130x450 tied to the edges of the screen regardless of the screen size.

And by the way, it apears that you have designed for a screen width of about 1600px which means that I can't read half of the text in the background on either side.  According to this page http://marketshare.hitslink.com/report.aspx?qprid=17 , only about 5% to 10% of the users have screens that big.
0
 
Dushan De SilvaAuthor Commented:
I found a solution.
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now