Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2

Thread: scrolling logo

  1. #1
    Junior Member David Ramsay's Avatar
    Join Date
    Oct 2011
    Posts
    3
    Member #
    29783
    Hi all need some help here I have got my main page up and going great it is the way i want it but I want to put my logo in front of the main page not as a background eg the logo will scroll down as a viewer scrolls down the page and the logo moves with it any ideas or solutions to this thanks

  2.  

  3. #2
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Do you have the logo sitting within a div?
    for instance.

    Code:
    #logo
    {
    width:250px;<!--width of logo-->
    height:120px;<!-- height of logo-->
    background-image:url(../images/logo.png);<!--location of logo image-->
    background-repeat:no-repeat;<!--prevention of logo repeating-->
    position:fixed;<!--this will help the logo to scroll when the user scrolls down the page-->
    }
    You can also put the image in the the div with a <img ref> link if you require it to be clickable. The Position:fixed is imperative for it to scroll when the user scrolls the page.

    Hope this helps

    -M3
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:35 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com