1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Fester Button am Rand

Discussion in 'Web-Know-how für die Homepage' started by Kochi-STL, Mar 5, 2013.

Thread Status:
Not open for further replies.
  1. Kochi-STL

    Kochi-STL Byte

    Hallo,
    wollte auf meiner Homepage einen Link zu Facebool setzen,
    nur soll es nicht ein einfacher Link werden sondern wie es viele
    schon machen, wie auch im Bild gezeigt ein Button am Linken rand der
    immer in der Mitte ausgerichtet ist auch beim Scrollen.

    Leider habe ich noch nicht wirklich den HTML-Schnipsel dazu gefunden.

    Vielen Dank schonmal...
     

    Attached Files:

    Kochi-STL, Mar 5, 2013
    #1
  2. root

    root Megabyte

    Ein Element bleibt mit der css-Option "position: fixed;" auch beim Scrollen an der selben Position.
     
    root, Mar 5, 2013
    #2
  3. Kochi-STL

    Kochi-STL Byte

    Danke für die schnelle Antwort,
    leider habe ich mich mit css noch nicht wirklich auseinander gesetzt.

    Muss ich in meiner .css folgendes eingeben:
    #button {image:url(images/button.jpg);
    position: fixed;

    Und in meiner .html dann unter <body>

    <td id="button"><table align="left">

    Danke schonmal...
     
    Kochi-STL, Mar 5, 2013
    #3
  4. root

    root Megabyte

    Ich weiß ja nicht, was du mit der Tabelle anfangen willst, aber ich würde ein div dafür nehmen:
    Code:
    <div style="position: fixed; left: 0px; top: 50%; width: 50px; height: 100px; margin-top: -50px; background: blue;">Beispiel</div>
    Wichtig ist, dass bei margin-top die Hälfte von height steht (mit Minus davor), damit das Element in der Mitte steht.
     
    root, Mar 5, 2013
    #4
  5. VB-Coder

    VB-Coder Megabyte

    ich hab mir deine HP mal angeschaut... Google sei Dank ja leicht zu finden ;)

    öffne deine style.css

    such hier nach
    PHP:
    .sidebar_facebook{
            position: absolute;
    ersetz das durch:
    PHP:
    .sidebar_facebook{
            position: fixed;
     
    VB-Coder, Mar 5, 2013
    #5
  6. Kochi-STL

    Kochi-STL Byte

    Also irgendwie haut das noch ne hin bei mir....

    Das was du gepostet hast muss doch in die .html oder?
    Muss da jetzt auch noch was ins .css ???
    Und wo schreib ich da jetzt den Pfad zum Bild hin?

    Glaube es ist schon zu spät heute
     
    Kochi-STL, Mar 5, 2013
    #6
  7. VB-Coder

    VB-Coder Megabyte

    Du musst in der html garnichts ändern. lediglich die eine Zeile in der css Datei style.css
     
    VB-Coder, Mar 5, 2013
    #7
Thread Status:
Not open for further replies.

Share This Page