Header Backgroundimage zentrieren

[toko]

Hallo,

Ich verwende die aktuelle CMSMS Version und habe lediglich eine kleine Frage.

Wie kann ich das Hintergrundbild im Headerbereich zentrieren ?

Wenn ich die üblichen CSS Befehle eingebe, beißt sich der Befehl mit dem Ausblenden des Textes

Code: Select all

    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 165px;
            background: #00475B;           
            text-align: left;
        }
        div#header h1 a {
            background:  url(uploads/images/icehelix_logo.jpg) no-repeat center top;
            display: block;
            height: 165px;
            text-indent: -790em;
            color: #00475B;
            width: 790px;
            margin: 0;
            padding: 0;
            text-decoration:none;
        }
    /* END HEADER */

( background:  url(uploads/images/icehelix_logo.jpg) no-repeat center top; )
( text-indent: -790em; )

Klammer ich nun 'text-indent' aus (/*) zentriert er das Hintergrundbild so wie ich das haben will, allerdings seh ich dann
links logischerweise den Link 'Home' als Textverknüpfung.

Wie kann ich ggf. die Textverknüpfung löschen oder das Bild trotzdem zentrieren ?

Vielen Dank.

Gruß,

Tobi.
( www.icehelix.net ) <<< schaut euch das Bild an, es ist nicht zentriert, liegt am nach links geschobenen Textlink.

[cyberman]

Hi Tobi,

Wie kann ich ggf. die Textverknüpfung löschen oder das Bild trotzdem zentrieren ?

Hmm, hast du schon mal versucht, div#header h1 zu zentrieren?

( www.icehelix.net ) <<< schaut euch das Bild an, es ist nicht zentriert, liegt am nach links geschobenen Textlink.

Dass die Seite nicht xhtml-valid ist, brauch ich dir sicherlich nicht zu sagen, oder  ?!

[Toelpel]

Hi Tobi,

Wie kann ich ggf. die Textverknüpfung löschen oder das Bild trotzdem zentrieren ?

Hmm, hast du schon mal versucht, div#header h1 zu zentrieren?

MoinMoin

Das versuche ich gerade, scheitere aber kläglich.
Dachte erst, im Stylesheet: Layout würde es reichen ein 'text-align: center' im 'div#header h1 a' zu setzen.
War wohl nix, so einfach ists denn doch nicht.

Wärest du so nett und verrätst mir wie ich das hinbiege?

[cyberman]

Wie kann ich ggf. die Textverknüpfung löschen oder das Bild trotzdem zentrieren ?

Hmm, hast du schon mal versucht, div#header h1 zu zentrieren?

Dachte erst, im Stylesheet: Layout würde es reichen ein 'text-align: center' im 'div#header h1 a' zu setzen.

Damit hast du nur den Link der im h1 verwendet wird, zentriert  .

Wärest du so nett und verrätst mir wie ich das hinbiege?

Was hast du denn schon versucht bzw. was genau willst du denn im Header anzeigen lassen?

[Toelpel]

Im Moment versuche ich verzweifelt herauszufinden welches CSS wofür zuständig ist und wo die überhaupt abgelegt sind. *g*

Ich will nur ein anderes Logo in den Header haben und das zentrieren.
Dazu habe ich zunächst nur in 'div#header h1' den center tag gesetzt/getestet, was ja nicht funktionierte, dann im 'div#header', was auch keine Wirkung zeigt.

Steh da echt auf dem Schlauch, sorry.


Edit:
Das glaub ich jetzt nicht... ich habs...

'background-position: center'

Dein Hinweis "Damit hast du nur den Link der im h1 verwendet wird, zentriert." hat mich drauf gebracht, Danke.
Fertiger Code:

Code: Select all

        div#header h1 a {
            background: url(uploads/images/logo1.gif) no-repeat;
            background-position: center;
            display: block; 
            height: 80px;
            text-indent: -700em;
            width: 100%;
            margin: 0;
            padding: 0;
        }

Das Ding sitzt, passt, wackelt und hat Luft.