forum.ahadesign.eu

[iceman]

Ich hab ein probleem

ich habe eine logo gemacht und probiere der logo in de mitte miene site zu kriegen aber es klapt nur in eine resolution, aber ich muchte das er in alle resolutions in der mitte ist
Ich hab de ganze forum durch gezucht und alles probierd aber es klabt nicht

Sorrie when ich schreib felher hab gemacht bin ja ein hollander

[Gerhard]

Hallo Iceman,

Erstmal Willkommen im Forum. Die Schreibfehler sind nicht schlimm, man kann alles sehr gut verstehen. Unleserlich würde es werden, wenn ich versuchen würde, holländisch zu schreiben.

Aber zur Frage:
Das Logo ist in der Datei template.css ab Zeile 492 definiert. Dort muss nur der Wert für left in Prozent angegeben werden. Zum Beispiel 45%, je nach Breite des Logos. Dann ist das Logo bei allen Auflösungen immer zentriert.

Code: Alles auswählen

#logo {
width : 118px;
height : 118px;
position:absolute;
top : 40px;
/*left : 24px;*/
left: 45%;
background : url(../images/logo.png) no-repeat;
}

Beste Grüße
Gerhard

[iceman]

Ok das hab ich gemacht aber ist nog immer das zelbe, was ich vergessen war der template steht auf fluid, weil ich anders ein zu kleine bild hab
wen ich iem auf fix zetse dan wirkt es, nur nicht auf fluid.

[Gerhard]

Das hat nichts mit Fix oder Fluid zu tun. Kannst Du mal einen Link zur Seite hier angeben? Dann kann ich bestimmt sehen, woran es liegt.

[iceman]

http://test.vander-laan.com das ist de test site.

http://www.auto-sport.nl is de orginale site

[Gerhard]

Ok also das Logo wurde hier nur um 5% nach links verschoben, was den Effekt für die Zentrierung sehr gering hält. Das ist also hier nicht die beste Lösung. Aber es geht schon. Ist dann nur etwas aufwändiger.

Als erstes muss mal ein neuer Div-Container in die index.php über dem Header-Div eingetragen werden. Also nach der ID mainout in Zeile 71 folgendes:

Code: Alles auswählen

<div id="logo2"></div>

Dann muss diese neue ID in der template.css definiert werden. Am besten unter dem bisherigen Logo welches von Zeile 492 bis 499 geht. Also der Codeblock den ich vorhin schon angesprochen hatte. Darunter kann dann folgendes rein:

Code: Alles auswählen

#logo2 {
   width:920px;
   height:111px;
   position:relative;
   margin:40px auto -149px;
   z-index:9999;
   background : url(../images/autosportnl.png) no-repeat;
}

Die width und height entspricht natürlich den Abmessungen des Logos und kann bei dir etwas anders sein. Wichtig sind hier dann die Werte für margin. Der erste Wert 40px erzeugt den oberen Abstand des Headers. Der Wert muss so gewählt werden, dass der Header nicht abgeschnitten wird. Kann also bei dir auch etwas anders sein als hier im Beispiel. Der zweite Wert zentriert das Logo. Der dritte Wert schiebt das Logo von oben entsprechend weit nach unten.
Durch den z-index bleibt das Logo immer ganz vorne. Damit überdeckt es allerdings auch den Seitennamen und auch das Modul im Header. Aber das soll bei so einem langen Logo sicher auch gar nicht verwendet werden. Somit wäre das die beste Lösung.

Ist vielleicht etwas kompliziert, funktioniert aber. Ich hoffe, das hilft dir weiter.

Übrigens greift bei deinem Template die Mindestbreite nicht mehr. War ja vielleicht Absicht, aber bei starker Verbreiterung des Browserfensters werden jetzt die Grafiken auseinander gerissen, weil sie nicht so breit sind. Falls es nicht Absicht war, bitte das Template nochmal bei uns herunterladen um auf jeden Fall ein aktuelles Template zu verwenden. Aktuelle Templates gibt es nur bei Ahadesign.eu. Die Mindesbreite ist übrigens in der fluid.css definiert.

[iceman]

Es had geklapt jetst hab ich meine logo immer in die mitte

Hertslichen dank fur die lossung und deine zeit

[Gerhard]

Immer gern zu Diensten.