Einheitliche Schriftgrößen FAQ und Nutzungsbedingungen

[Stephanie]

Hallo,
es handelt sich um folgendes Forum: http://testforum.grizzly-adams.de/phpBB3/index.php

Habe in der content.css die Schriftgröße für die FAQ (und in meinem Fall auch für die Regeln zuständig) auf 10 px geändert. Das funktioniert problemlos.
Nach langem Suchen habe ich die Schriftformatierung für die Nutzungsbedingungen und die Datenschutzrichtlinien in der ucp.php entdeckt. Da habe ich nun alle <li> durch <li style="font-size:10px;"> ersetzt. Trotzdem ist die Schrift irgendwie anders...
Habe alle Caches gelöscht, aber irgendwie scheint es nicht die alleinig zuständige Formatierung zu sein.
Gibt es noch eine andere Stelle? Eine Änderung im CSS vielleicht?

Danke,
Stephanie

[aurora876]

ich seh zwar gerade kein button bei dir im header für die schriftgröße (ist meist ein A), aber falls du den hast, waren deine änderungen bzgl. schriftgröße keine so gute idee - der button funktioniert jetzt vermutlich nicht mehr.

die schriftgrößen stehen alle im CSS und <li style="font-size:10px;"> finde ich insofern schrecklich, weil es die bemühungen der phpbb-bastler wieder zunichte macht. die haben versucht, das html so minimal wie möglich zu halten und alles ins CSS auszulagern.

die betreffende css-klasse

Code: Alles auswählen

.content  {
color:#333333;
font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
line-height:1.4em;
min-height:3em;
overflow:hidden;
padding-bottom:1px;

steht beim template prosilver in der content.css bei ca. zeile 321, kann bei deinem template auch in ner anderen zeile stehen.

zur info:

Die Einheit em ist die elementeigene Schrifthöhe einer Schriftart. Das heisst, bei einer Schrifthöhe von 12 Punkten beträgt 1 em - 12 Punkte. Anders herum ausgedrückt ist 1 em = die Browserstandardschriftgröße.

[7emper5i]

Tipp: änder dein Design auf eines, welches auf Prosilver ausetzt.

Dann editier deine overall_footer vernüntig, denn wenn du dir deinen "Boden" mal ansiehst, hast du da Murks gemacht.

Und dasselbe gilt für deinen Header. Die Navileiste und die Breadcrumbs werden im Regelfalls durch das Portal ausgeblendet und erst dann hinzugezogen, wenn du in den index_body gehst.

[Stephanie]

Erstmal danke für die Antwort.
Leider kann ich irgendwie mit der content.css nicht alles beeinflussen, was ich gerne ändern würde. Ich bin eigentlich der Meinung, ich hätte alle Schriftgrößen, die Content betreffen, auf 1.1em gesetzt.
Momentan weigert sich die Seite "Datenschutzrichtlinie", da ist nur der Teil nach "Deine Daten werden auf zwei verschiedene Arten gesammelt:" in der Schriftgröße wie alles andere, der Rest vom Text ist irgendwie größer. Irgendwie habe ich sowieso das Gefühl, dass alle Teile der Seite einen anderen Schriftgrad haben, beim Impressum wills auch nicht so recht. Ich habe zumindest versucht mit Firefox herauszufinden, wann wo welche Klasse greift, aber das ist derbe verschachtelt. Nee, so wirklich komme ich da nicht weiter.

Gibts eigentlich irgendwo eine Übersicht, wann welches CSS wo greift und was bewirkt? Mein Style basiert wohl auf prosilver, und ich steige bei den vielen CSS-Files echt nicht mehr durch. Und ich will an diesem Style noch so einiges ändern, da es farblich mal so gar nicht in unser Seitenschema passt. Das kann noch richtig spaßig werden...

Ich schau mal, ob ich einen Style finde, der a) vom Portal3 unterstütztz wird, d.h. dass ich dort die benötigten Änderungen in deren Forum finde und b) nicht ganz so viele Änderungen braucht, bis er farblich passt. Und das mit der Navileiste und den Breadcrumbs: Ich dachte das ist normal wenn man den Portalmod nutzt?! Ist mir nie aufgefallen dass da was fehlt...

[Würzi]

Gibts eigentlich irgendwo eine Übersicht, wann welches CSS wo greift und was bewirkt? Mein Style basiert wohl auf prosilver, und ich steige bei den vielen CSS-Files echt nicht mehr durch.

Moin,

benutze Firefox und lade dir das Firefox Addon Firebug dafür herunter. Ebenfalls ist ein nettes Addon "Web Developer"

Mit Firebug kannst du schön die css und html Einträge finden.

Mfg dat Wuerzi

[Stephanie]

Nabend allerseits...

Habe nun alles neu ins Template eingebastelt, nun passt es auch mit der overall_footer. Trotzdem haben die Nutzungsbestimmungen, die Datenschutzrichtlinie, die FAQ (Forenregeln nutzen die gleichen Einstellungen) und das Impressum unterschiedliche Schriften und -größen. Und ich "arbeite" schon mit FF und den erwähnten Erweiterungen, aber so wirklich beherrschen kann ich diese Addons nicht.
Desweiteren nutze ich die Programme Topstyle4 (was mir bei den CSS-Files irgendwie keine gescheite Voransicht zeigt) und Dreamweaver. Letzteres bringt schon eher was, da aber die ID- und Klassen-Details im FF teilweise übereinandergestapelt sind, komme ich kaum dahinter, was wo ist.
Bittere Sache, unter phpBB2 habe ich mit dieser Kombi ein komplettes Template für unsere Seite erstellt, nun stehe ich da wie ein Eimer Napfsülze. Try and Error ist angesagt.
Ich meine, wer steigt denn beim Webdevelopertool für den FF noch durch, wenn es so aussieht? http://testforum.grizzly-adams.de/phpBB ... enannt.JPG
Welches von den gelben Kästchen sagt mir wofür es zuständig ist? Und wenn ich dann die Klasse weiß, in welchem der gefühlten 120 Stylesheets ist es dann zum Ändern versteckt? Krass, ich rege mich hier mehr auf als mein Mann beim Fußballgucken
Naja, ich setze mich nun auch erstmal mitm Bierchen vorn Fernseher, bevor ich hier noch das Arbeitszimmer zerhacke. Wart ihr bei Eurer ersten Styleänderung auch so planlos?

Genervte Grüße,
Stephanie

[Würzi]

Wart ihr bei Eurer ersten Styleänderung auch so planlos?

Sicher

Mit Firebug kann man leichter umgehen, da kannst Änderungen testhalber auch in den css z.B. ändern und siehst die Veränderung gleich.

Mfg dat Wuerzi

[Stephanie]

Nabend,
die Schriftgrößen passen zwar immer noch nicht, aber nun habe ich ein neues Problem: Ich habe mir einen 100% breiten Header gebasteltet, der besteht aus 4 Teilen. Einem links, einem rechts, eine Grafik ist als Hintergrund eingebaut und wiederholt sich über die gesamte Breite und eine Grafik, die in der Mitte sein soll. Die will das aber nicht...
Habe folgendes in der overall_header stehen:

Code: Alles auswählen

<div class="header_ganz">
  <div class="header_links"><img src="/phpBB3/styles/ca_gen2/theme/images/head_links.png" width="200" height="150" /></div>
  <div class="header_rechts"><img src="/phpBB3/styles/ca_gen2/theme/images/head_rechts.png" width="200" height="150" /></div>
  <div class="header_mitte"><img src="/phpBB3/styles/ca_gen2/theme/images/head_mitte.png" width="387" height="150" /></div>
</div>

In der common.css habe ich folgendes festgelegt:

Code: Alles auswählen

.header_ganz {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	background-image: url(/phpBB3/styles/ca_gen2/theme/images/headstretch.png);
}
.header_links {
	float: left;
	height: 150px;
	width: 200px;
}
.header_mitte {
margin-left:  auto;
margin-right: auto;

}
.header_rechts {
	float: right;
	height: 150px;
	width: 200px;
}

Dummerweise will die mittlere Grafik nicht in die Mitte, was sicherlich an meinen begrenzten CSS-Kenntnissen liegt. Mit Tabellen hätte ich sowas locker hingekriegt.
Alles was ich bisher bei SELFHTML finden konnte war eben, das margin auf auto zu setzen aber wie man sieht: http://testforum.grizzly-adams.de/phpBB3 - kein Erfolg.
Könnte mir jemand vielleicht den entscheidenden Tip geben? Das ganze Konstrukt hat mich mit viel Googlen schon den ganzen Tag gekostet - jetzt brauche ich mal ein Erfolgserlebnis und das Ganze fertigstellen.

Viiiielen Dank

Edit:
Problem gelöst, heute morgen kam mir die Erkenntnis.
Man ersetze den obigen Code in der Common.css mit dem hier:

Code: Alles auswählen

.header_mitte {
height: 150px;
	width: 387px;
	 margin: 0px auto;
	 text-align:center;
}

Schon klappts auch mit der Zentrierung.