• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder an den Rand fixieren

R

Revenget

Neues Mitglied
Hay, also ich bin n Anfänger auf dem CSS-Gebiet und bräuchte etwas Hilfe...

Nun, ich hab nem Freund vorgeschlagen, sich Facebook, Twitter, RSS etc auf die seite zu machen. dannn wollte ich ihm n Beispiel zeigen, wies aussehen soll...
mein Ziel war, an die rechte Seite in die Mitte Jeweils einen Button hinzusezen, der mit der seite mitscrollt. Bisher passt eigentlich auch alles, nur ist der button nicht fixiert sondern bewegt sich, wenn man scrollt.
hier mal mein Code:

Code: 
<html>
<head>
    <title>MyAnimes</title>
    <style type="text/css">
        body {
          background: #000 url("tumblrbg.png") no-repeat fixed;
        }

        div.nav {
          float: right;
          margin: 350px 0px 0px 0px;

        }

        #nav1 a {
          background: url(facebook.png) no-repeat;
          display:block; width:32px; 
        }
        #nav1 img {
          display:block; border:0; width:32px
        }
        #nav1 a:hover img {
          visibility: hidden; width:32px;
        }
        #nav1 a:hover {
          border:0; width:32px;
        }


        #nav2 a {
          background: url(twitter.png) no-repeat;
          display:block; width:32px;
        }
        #nav2 img {
          display:block; border:0; width:32px;
        }
        #nav2 a:hover img {
          visibility: hidden; width:32px;
        }
        #nav2 a:hover {
          border:0; width:32px;
        }


        #nav3 a {
          background: url(rss.png) no-repeat;
          display:block; width:32px;
        }
        #nav3 img {
          display:block; border:0; width:32px;
        }
        #nav3 a:hover img {
          visibility: hidden; width:32px;
        }
        #nav3 a:hover {
          border:0; width:32px;
        }

    </style>
</head>

<body>

        <div class="nav">
        <div id="nav1">
          <a href="#" alt="Facebook"><img src="facebook2.png"/> </a>
        </div>

        <div id="nav2">
          <a href="#" alt="Twitter"><img src="twitter2.png"/> </a>
        </div>

        <div id="nav3">
          <a href="#" alt="RSS"><img src="rss2.png"/> </a>
        </div>
        </div>

        <p><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></p>

</body>
</html>
könnt ihr mir vielleicht sagen, wo ich dort den fixed-code einfügen muss?

Danke schonmal im vorrau :D
 
also: ich will, dass die button immer links an der seite sind. egal, wie weit man an der sei runterscrollt. also muss ich ja irgendwo ein "fixed" einsetzen. ich weiß nur nicht genau wo....

bei dem hintergrund hats geklappt. aber bei den button gabs halt probleme...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben