1 reply [Last post]
dustty
dustty's picture
Offline
newbie
co
Last seen: 7 years 38 weeks ago
co
Timezone: GMT-7
Joined: 2012-07-15
Posts: 2
Points: 4

On this page I want to position the map insets absolute IE the ones on the right positioned left for all browsers.

Partial code:

#pass {
      position: absolute; top:180px; left: 1000px;      
       }
 
     #pass a {
    display: block;
    width: 60px; height: 20px;
    margin: 0px;
    color: #24EA3B;
    font-size: 20px;
    font-family: veranda;
    text-decoration: underline; 
    padding: 2px;
 
 
     }
      #pass  a:hover {
       background-image: url(images/epas500.png);
       background-position: 0px 0px;
       width: 500px; height: 326px;
       text-decoration: underline; 
       color: black;
       background-repeat: no-repeat;
 }

map insets

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Why don't you change the left

Why don't you change the left position to 500px on hover.
You should also look at reducing file sizes of the images.