Überschrift Forum/Kategorie linksbündig

[Gast220201]

Hallo phpbb.de Community,

ich würde gerne den Schriftzug, wie im beigelegten Bild eingezeichnet, linskbündig anstatt zentriert haben. Weiss allerdings nicht nicht genau in welcher Datei ich das wo zu finden habe
Der Style, der benutzt wird nennt sich "eTech green". Natürlich aktuelle 3er Version von phpbb.

beigelegtes Bild

Und nebenbei gefragt: gibt es irgendwo eine (kleine) Erklärung, in welcher Datei was zu finden ist, wenn man etwas abändern möchte? Damit man sich nicht immer (bei Kleinigkeiten) an andere wenden muss ^^"

Gruß

SchazZzar

[redbull254]

Hallo erstmal,

suche in der „stylesheet.css“ nach:

Code: Alles auswählen

th {
	color: #E7F0E8; 
	font-size: 11px; 
	font-weight: bold;
	background: #488D4B url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #5BA45E;
	border-right: solid 1px #488D4B;
	border-top: solid 1px #579D59;
	border-bottom: solid 1px #488D4B;

Ändere :

Code: Alles auswählen

text-align: center;

in

Code: Alles auswählen

text-align: left ;

ab.

Damit steht jetzt „Forum“ linksbündig.

Wichtig ! Immer im ACP „Cache und theme“ aktualisieren.

Für den Kategorie-Name musst Du :

Code: Alles auswählen

caption, .cap-div {
text-align:center;
white-space:nowrap;
}

entsprechend ändern.

[Gast220201]

Hallo zurück

Danke dir, werde dies später gleich mal testen.

Gruß

SchazZzar

[Gast220201]

Also, hat soweit gut funktioniert, allerdings möchte ich den Kategorie-Namen nicht ganz links haben, weil ich nun bemerkt habe, dass dieser dann in einem weißen Bereich kommt und bei weißer Schriftfarbe kommt das nicht soooo gut
Deshalb meine Frage: kann man das auch so einstellen, dass der Kategorie-Name z.B. x Pixel von links Abstand hat? ^^"

Gruß

SchazZzar

[redbull254]

Ich würde „padding“ einsetzen.

http://de.selfhtml.org/css/eigenschafte ... bstand.htm

[7emper5i]

Ich hatte vorhin auch mal rumgespielt, geht.

Musst dann das div cap (hieß das glaub ich) von der allgemeinen Definition ausnehmen und dort separat den Befehl mit

padding-left: 15px;

hinzufügen.


Dann ist aber auch NUR der eine Teil nach links gesetzt.
Alle anderen Darstellungen sind mittig.

[Gast220201]

Würde sagen, ist schon mal ein guter Ansatz, aber leider happerts ein wenig bei der Ausführung. Habe das mal so abgeändert, wie ich es verstanden habe und das Ergebnis ist folgender: http://img694.imageshack.us/i/unbenannt1jo.jpg/

Quelltext sieht folgendermaßen aus:

/* Table header */
caption, .cap-div {
margin: 0;
padding-left: 15px;
background: url(images/hdr_mid.gif) top left repeat-x;
white-space: nowrap;
height: 27px;
text-align: left;

Hoffe man kann dies noch so umgestalten, dass der Text jetzt bleibt wo er ist, das "weiße Feld" aber wieder nach ganz links verschwindet

Aber danke schon mal

Gruß

SchazZzar

[7emper5i]

richtig soweit, aber die Bezeichnung ist als <h4> Überschrift gekennzeichnet, und diese alleine solltest du mit padding-left separat definieren, ansonsten funktioniert es nicht

[Gast220201]

Muss leider gestehen, dass ich dir nicht ganz folgen kann ^^ Mag wohl daran liegen, dass ich mich mit CSS noch nie wirklich auseinander gesetzt habe, aber noch auseinander setzen werde für die Zukunft.

Kannst du mir dies ein wenig genauer erklären, was ich zu tun habe? Sodass es auch jemand mit kaum CSS Erfahrung versteht? Wäre sehr nett von dir, danke

Gruß
SchazZzar