Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS fixed position buttons mess up my top alignment

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #29511
    mikeman
    Member

    I am having problems with my Fixed position code, it is like the facebook button that is attached to the scroll bar, which does not move when you scroll… everything is w3conforming.. but
    this is interfering with alinging my table, or div to the top of the page.
    when i remove this fixed position code everything scoots up and is connected to the top of the browser.. like i want, then i put the code back in, and it scoots down about half an inch or more….

    this is the fixed position code i use,

    <style type="text/css">
    /*<![CDATA[*/
    a.c4 {display:scroll;position:fixed;top:225px;right:5px;}
    a.c3 {display:scroll;position:fixed;top:155px;right:5px;}
    a.c2 {display:scroll;position:fixed;top:80px;right:5px;}
    a.c1 {display:scroll;position:fixed;center:5px;right:5px;}
    /*]]>*/
    </style>
    <style type="text/css">
    /*<![CDATA[*/
    div.c1 {text-align: center}
    /*]]>*/
    </style>
    </head>
    <body>
    <a class="c1" href="URL" title="Join us on facebooke"><img src="/buttons/fb6464.png" style="border-style: none" alt="facebookbutton" /></a><br />
    <a class="c2" href="URL" title="Join us on myspace"><img src="/buttons/ms6464.png" style="border-style: none" alt="myspacebutton" /></a><br />
    <a class="c3" href="URL" title="Follow us on twitter"><img src="/buttons/twit6464.png" style="border-style: none" alt="twitterbutton" />
    </a><br />
    <a class="c4" href="URL" title="Subscribe to us on youtube"><img src="/buttons/yt6464.png" style="border-style: none" alt="youtubebutton" /></a>

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.