Announcement Announcement Module
Collapse
No announcement yet.
Sliding background not happening in FF? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • kemingMatters
    Reply to Photomedia assignment
    kemingMatters
    From a technical standpoint, it's not very well executed. I think it would have been more successful if you had started with an image of a surfer and morphed/added the skateboarder to it. As it is there...
    Today, 03:09 PM
  • seamas
    Reply to Critique on brewery logo, please!
    seamas
    Depends on the date.

    est 1833? Yes


    est: 1997? Not so much

    est 2015? Rotflmao...
    Today, 02:58 PM
  • ISitude
    Reply to great old sign resource
    ISitude
    Coolio ...the Abandoned Billboards section is beggin' for content
    Today, 02:47 PM
  • seamas
    Reply to New to digital painting, need some tips
    seamas
    ^^

    Yep.
    Real-world pen/ink-on-paper drawing skill is what you need.


    As for the style--the 1960s was quite possibly the most broad era of advertising illustration...
    Today, 02:11 PM
  • Designia
    Reply to Critique on brewery logo, please!
    Designia
    Love the 5 bottles, I've decided my problem is I only like "K"s in a serif font because I like that last treatment a lot. I think you did a really good job.
    I have no problem with a brewhouse...
    Today, 02:08 PM

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Sliding background not happening in FF?

    HI!

    I'm just playing around with the sliding doors hover effect and it works fine in IE but not in FF or Safari???

    I can't work out what they dont like about it??

    Here is the code I wrote. bit messy because I was only testing the idea out but should make sense.
    PHP Code:
    <head>
    <
    title>Hover test</title>
    <
    style type="text/css">
    body {
    background:#000000;
    }
    #main:hover {
    background-positionright;
    }
    img {
    border:none;
    }
    #main {
    background:#000000 url(bg.png) left top no-repeat;
    width:325px;
    height:800px;
    }

    </
    style>

    </
    head>

    <
    body>
    <
    div id="main"><a href="#"><img src="photo.png" /></a>
    </
    div>

    </
    body>
    </
    html
    Thanks.
Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
Working...
X