Formatierung

Hi
Heute habe ich praktisch den Tag versucht die Formatierung von meiner Website in den Griff zu kriegen, nachdem ich von einer alten Version upgraded habe.

-Das Bild im Header wird linksbündig abgeschnitten.

-Der Text ""Sawadee", thailändischer Gruss vom langjährigen Team" wird rechts vom Bild angezeigt anstatt unten.

-Die Navigation links möchte ich gerne komplett einfärben in Pink.

Hier kann man es anschauen: www.typischthai.ch
Die css habe ich angehängt.

Vermutlich stimmt etwas nicht in der css, kann mir bitte jemand helfen?

Beste Grüsse
typolightfan

Hi

Zu 2) img {float:left;} ist der Grund, warum der Text nebenbei angezeigt wird. Entferne diese Anweisung, und der Text wird drunter angezeigt.

Zu 3) .mod_navigation a,.mod_navigation li,.mod_navigation span{font-weight:bold;font-size:13px;color:#000000;}
Entferne die color Anweisung und die Navi wird pink

lg mani

EDIT: Was du mit dem Header meinst, weiss ich leider nicht.

Zum Header kann ich einiges sagen: :)

1. die Headergrafik ist viel zu groß 1319px × 98px bei einer Wrapperbreite von 1024px;
2. in der typischthai.css unter #top_image die float Anweisung right ist nicht richtig

Lösungen:
1. Wrapperbreite auf 960px, maximum 980px festlegen, damit User die einen 17'' Monitor nutzen nicht unnötig mit einer horizontalen Scrollleiste genervt werden.
2. Grafik entweder auf ein kleineres Maß bringen oder aber dem #header ein overflow:hidden; mitgeben
3. aus der #wrapper Anweisung entnehme ich, dass Du die Seite zentrieren möchtest, dazu ist die Anweisung margin:0 auto 0 0; falsch, dass muß margin:0 auto; heißen

Hi Thomas und Mani

Vorerst möchte ich mich entschuldigen, dass ich erst jetzt Antworte, ich kam schlichtweg nicht dazu.

Mit Eurer Hilfe bekam ich es wieder in den Griff!

Vielen herzlichen Dank nochmals für Eure Hilfe.

Liebe Grüsse
typolightfan