[Erledigt] mx-mysticjade Banner Problem

LordNoir · 05 September 2008, 00:32:15

Ich hab den Banner also logo.bmp so angepasst wie ich ihn gerne hätte und zwar so:

Nun setze ich ihn rein und habe diese Anzeige:

Ich hatte auch schon versucht das logo zu centern klappte aber nicht wirklich.

Ka was ich machen soll.

Klar sind das 2 Bilder einmal das logo und einmal der header-bg.

aber wieso reisst der mir das logo auseinander?

emet1 · 05 September 2008, 11:59:26

Ohne einen Link dazu wird dir wohl keiner was sagen können.

Ich kann mir darunter jetzt nicht wirklich was vorstellen.

LordNoir · 05 September 2008, 12:12:47

Siehe links da ist mein link zur page ^^

Banjo · 05 September 2008, 13:24:42

öhm... die Hintergrundbilder werden in einer CSS Datei angegeben ?

weil die header-bg.png überlagert die Logo.png...

oder

LG

bANJO

LordNoir · 05 September 2008, 13:40:34

Hab das hab ich in de layout.css

Zitat#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: #1a1a1a url(../images/header-bg.png) repeat-x;
}

#logo {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/logo.png) no-repeat;

und das in der thene.html

Zitat</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<a href="./" title=""></a>
</div>
<div id="news">
{BANNER1}
</div>
</div>

Ich habe versucht in der Theme.html zu Centern
Und den header mal testweise daraus entfehrnt.

wenn ich jetzt das:

Zitatposition: absolute;

in

Zitatposition: center;

Ändere Passiert garnichts.

Es würde mir ja reichen den in den center zu bekommen und eben an einem Stück das Bild dahinter ist farblich ja angepasst und kann ruhig Links und Rechts daran vorbei gehen.

und danke schon mal für deine mühe... ich bekomm hier nen anfall ich hab bis jetzt nur mit dem Ranbow theme gearbeitet da war es leichter ^^

Banjo · 05 September 2008, 14:33:43

hmmm... wenn du auf den {Banner1} im Header verzichtest dann könnte das wie folgt aussehen...

die logo.png aus der css raus...

in der theme.html das rein...:

<div id="wrapper">
<div id="header">
<div align="center"><img src="/images/logo.png" width="754" height="123" /></div>
</div>

evtl. die Pfade anpassen...

versuch macht kluch...

LG Banjo

Homer · 05 September 2008, 15:04:24

Hi LordNoir,
Mach dein Banner mal auf 1622px,,da dein Banner nur eine breite von 754px hat und deine Seite aber 1622px breit ist kan das nicht klappen.

Banjo · 05 September 2008, 17:05:48

Zitat von: Banjo am 05 September 2008, 14:33:43
hmmm... wenn du auf den {Banner1} im Header verzichtest dann könnte das wie folgt aussehen...

die logo.png aus der css raus...

in der theme.html das rein...:

<div id="wrapper">
<div id="header">
<div align="center"><img src="/images/logo.png" width="754" height="123" /></div>
</div>

evtl. die Pfade anpassen...

versuch macht kluch...

LG Banjo

so, habs getestet... das da oben funktioniert nicht...

die Seite ist ja Dynamisch und passt sich an... evtl hilft Dir das weiter...

#header {
position: left;
height: 123px;
overflow: hidden;
background: url(../images/header-bg.png) repeat-x;
}

#logo {
position: right;
top: 0;
left: 0;
display: block;
width: 100%;
height: 123px;
background: url(../images/logo.png) no-repeat;

man sieht das logo.png nun komplett... aber leider nicht im center...

LG

Banjo

wer schnell ist, sieht es hier: http://test.internet-handball.de/

LordNoir · 05 September 2008, 17:31:34

Klasse danke ich probiers jetzt mal aus, der banner ist auch nen rohbanner wird dann durch einen mit höherer qualität ersetzt.

Danke nochmal geb gleich nach dem essen mal bekannt obs funzt oder net

LordNoir · 05 September 2008, 19:55:50

Klappt bei mir nicht so ganz aber lieber als so wie jetzt gar nicht.... war mir trozdem ne sehr große hilde immerhin sieht man es jetzt ohne das es zerrisen ist.

schade das niemand weiß wie ich das teil auf center setzen kann weil es muss doch ne möglichkeit geben.

JoergK · 05 September 2008, 20:12:37

Hoi

Erweiter doch mal in Deiner layout.css vom Theme die ID #logo um das

Code Auswählen

background-position:50% 50%;

Quelle: http://board.gulli.com/thread/325172-wie-kann-man-ein-hintergrundbild-zentrieren-und-sich-der-gre-des-explorer-fensters/

Mehr zum Thema: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position

LordNoir · 05 September 2008, 21:34:49

An alle die versucht haben zu helfen.

Tausend mal Dankeschön

Mit dem letzten rat von JoergK hat es entlich geklappt.

Jetzt weiß ich warum ich schon lange bei Pragmamx bin und auch weiterhin bleiben werde.

Weil ihr einfach klasse seit.

Danke nochmal.

Banjo · 05 September 2008, 22:13:38

ich sag auch mal Danke an JoergK...

wieder etwas gelernt...