Thema: JA-Purity - Header-Grafik ändern

Hallo miteinander,

ich arbeite grad an einer Website mit Joomla 1.5 und dem Template JA_Purity.
Die URL lautet: http://www.krieger-mettbach.de/cms

Bis zu einem bestimmten Punkt war es kein Problem für mich, den Header im CSS soweit zu ändern, dass die Höhe des Logos größer war als im Template vorgegeben und auch die halbtransparente Maskierung sowie das System-Logo ausgeblendet waren.

Wie man jetzt sieht, gibt es rechts und links des Logos aber einen grauen Rand, der nicht sein soll. Das Bild soll rechts und links bündig sein.

Trotz intensiver Suche in den Style Sheets hab ich nicht herausgefunden, wo man diese Ränder anpassen kann. Hat jemand einen Tipp? Im Forum bin ich bei diesem speziellen Phänomen nicht fündig geworden.

Besten Dank

Probier mal das Firefox Plugin "Webdeveloper" ... das hilft sehr ... das Bild hast du in den div mit class "clearfix" gepackt ... vielleicht ist da noch padding / margin etc .... (das war nur ein ungenauer blick ... )

Alternative: Firebug

template.css zeile 8 - dein body ist breiter als deine grafik, die ist nur 1000px, also gibts einen rand. also einfach den body auch auf 1000px

im übrigen macht man webseiten auf 960-980px fixe breite...nur so am rande. damit ist gewährleistet, dass webseiten von netbook bis full hd display immer genau gleich aussehen und das design nicht zerrissen wird.
und auch alle mobilen geräte wie handys, pda's oder smartphones können solche breiten noch sinnvoll darstellen, zum beispiel mit opera mobile.


EDIT: da hats auf zeile 8 auch noch so ein 10% margin...keine ahnung woher das kommt. aber das auf "margin: auto" setzen, damit die webseite zentriert ist.

Hallo

aber da wurde an den falschen Stellen geschraubt. Das ein Rand rechts und links ist kommt von der Breite die auf 97% gestellt ist. Zu finden in den Template Parameter.

Du hast dem body eine feste Breite vergeben und dann mit margin positioniert. Kann man machen allerdings musst du dann auch die Sachen bedenken die z.B per Parameter eingebunden werden.

Die Breite kannst du auch über die Template Parameter einstellen. Breiter Bildschirm, Schmaler Bildschirm, Feste Breite - Prozent oder Pixel usw.

Für Änderungen musst das div wrapper ansprechen usw.

Das würde aber jetzt das Forum sprengen, wollte nur darauf hinweisen, damit ihr euch nicht völlig verrennt.

Edit hier noch ein screenshot- gux du unter Template-Breite