Headerimage

[tekknodevil]

Hallo zusammen,

ich hoffe ihr könnt mir helfen. ich verwende ein eigens modifiziertes Prosilver Style. In diesem habe ich einen weißen background (1px mal 1px große png-Datei) für den wrap angelegt. Dies ist soweit auch Ok. Nun wöllte ich gern, das mein Headerimage oben über den Wrap hinausgeht (überlappt). Um Euch dies zu verdeutlichen hier ein Screenshot was ich meine:

http://content.screencast.com/users/tek ... 0_1107.png

Ich habe leider keine Idee, wie dies funktionieren soll.

Hier noch der Link zum Board.

Danke

[Michel_61]

Moin,

ich versuchs mal, bin aber auch nicht der Crack.

In der Overall_header, ist da deine obere Grafik aufgerufen?

Wenn ja, such die Menüleiste die du nach oben haben willst ebenfalls in der overall_header raus und setze sie im Eintrag über dein "Site_logo"

So müsste es funktionieren....

[tekknodevil]

Moin,

ich versuchs mal, bin aber auch nicht der Crack.

In der Overall_header, ist da deine obere Grafik aufgerufen?

Wenn ja, such die Menüleiste die du nach oben haben willst ebenfalls in der overall_header raus und setze sie im Eintrag über dein "Site_logo"

So müsste es funktionieren....

Danke für Deine Antwort. Die Headergrafik wird über die common.css aufgerufen. Der Befehl sieht so aus:

Code: Alles auswählen

.headerbar {
    background: #ebebeb none no-repeat;
    background-image: url("{T_THEME_PATH}/images/headerimage.png");
    margin-bottom: 4px;
    padding: 0 5px;
    height: 239px;
}

Der weisse Hintergrund wird ebenfalls in der common.css aufgerufen, mit folgendem Befehl:

Code: Alles auswählen

#wrap {
    padding: 0px 20px;
    min-width: 650px;
    width: 1037px;                    /* This changes the width of your style to a fluid 80%. */
    margin: 0 auto;                /* This center aligns your wrap width on the browser page */
    /*background-color: #FFFFFF;*/     /* Gives the wrap a white background */
    background-image: url("{T_THEME_PATH}/images/weiss1.png");
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
     border-radius: 6px;
}

Ich habe noch mal ein Beispiel erstellt, wie das Aussehen soll:

http://content.screencast.com/users/tek ... ispiel.png

und wie es momentan ausschaut:

http://content.screencast.com/users/tek ... 6_0859.png

Wie und wo müsste ich nun was ändern?

[Michel_61]

Moin,

über den "padding" kannst du die Position anpassen, brauchst aber glaub ich noch einen zusätzlichen weissen Hintergrund.
Ein Spezialist bin ich nun nicht, hab dir deshalb mal nen Link rausgesucht der mir auch schon mal geholfen hatte: http://de.selfhtml.org/css/eigenschafte ... bstand.htm

Arbeite dir den mal durch, dann sollte es klappen.....

[tekknodevil]

Danke. Werde ich mir mal zu Gemüte ziehen.