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

Linkbutton im Headerphoto

Discussion in 'Web-Know-how für die Homepage' started by FANT17, Dec 9, 2009.

Thread Status:
Not open for further replies.
  1. FANT17

    FANT17 Byte

    Hallo zusammen!

    Ich möchte in meinem Headerphoto ein Bild einfügen, welches auf das Header gesetzt wird. Dieses soll verlinkt sein und zu einem Member-Bereich führen (Passwort), daher diese "unübliche" Platzierung. In wie weit muss ich den Stylesheet und die html-Datei verändern, sodass dieses Bild immer fix an diesem Ort bleibt, egal bei welcher Bildschirmauflösung also?

    Besten Dank schon einmal!
     
  2. VB-Coder

    VB-Coder Megabyte

    Das kommt darauf an, wie das ganze jetzt aussieht. Am einfachsten du legst einen DIV Container mit einer fixen Breite (Breite des Buttons) über den Header (z-index)
     
  3. FANT17

    FANT17 Byte

    Wie würde ich das schreiben? Wie kann ich da Pixelmaße unterbringen? Könnt ich dafür eine kleine Vorlage mit den Befehlen bekommen?
    Danke mal wieder!
     
  4. VB-Coder

    VB-Coder Megabyte

    Wie du das schreiben würdest weiß ich nicht, da ich deinen bisherigen Code nicht kenne. Aber ich würde es in etwa so machen

    PHP:
    <style type="text/css">
    .
    header {
        
    width600px;
        
    height:150px;
        
    background-colorblack;
        
    positionabsolute;
        
    margin0px;
        
    top0px;
        
    left0px;
    }
    .
    header-button {
        
    width70px;
        
    height30px;
        
    background-colorred;
        
    positionrelative;
        
    left40px;
        
    top10px;
    }
    </
    style>

    <
    div class="header">&nbsp;</div>
    <
    div class="header-button">&nbsp;</div>
    Die Hintergrund-Farben dienen nur der verdeutlichung, wie das ganze dann positioniert ist. Aber letztendlich liegt es an deinem Code, btw. wie du die Seiteninhalte bis jetzt positioniert hast.
     
Thread Status:
Not open for further replies.

Share This Page