[gelöst] Forennamen in Tabelle vertikal zentrieren
Eingetragen von Marius2805 (14)am 02.01.2013 - 18:00 Uhr in
Hallo liebe Drupal Gemeinde,
ich habe ein kleines Problem und weiß im Moment leider nicht weiter.
Auf meiner Seite werden die Forennamen in der Tabelle nicht vertikal zentriert:
http://hundum-aktiv.de/forum
Der dazugehörige DIV Container hat die Unterklasse "name" von "forum". Folgender Versuch schlug leider fehl:
#forum .name a{
font-size: 16px;
vertical-align: middle;
}Komischerweise auch folgende Konfiguration:
th, tr, td {
vertical-align: middle;
}Merkwürdigerweise wird auch auf ein "margin-top" nicht reagiert.
Da man das ganze ja auch mit HTML Attributen realisieren kann, habe ich versucht die passenden Stellen in den Template Dateien zu finden, doch die Suche blieb ergebnislos.
Ich hätte jetzt einfach mal auf "page.tpl.php" oder "node--forum.tpl.php" getippt.
Für hilfreiche Tipps wäre ich sehr dankbar.
| Anhang | Größe |
|---|---|
| style.zip | 4.52 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Versuch's mal hiermit #forum
am 02.01.2013 - 19:09 Uhr
Versuch's mal hiermit
#forum th { text-align: center; }Danke für deinen Tipp. Leider
am 02.01.2013 - 19:22 Uhr
Danke für deinen Tipp.
Leider hat das nicht zum gewünschten Erfolg geführt.
Soweit ich weiß, sorgt doch "text-align: center" nur für eine horizontale Zentrierung, oder irre ich mich?
Ich kenne jetzt die Klassen
am 02.01.2013 - 19:46 Uhr
Ich kenne jetzt die Klassen und den Aufbau nicht, aber vertical-align ist oftmals recht tricky, vor allem wenn floats oder inline-Elemente im Spiel sind. Vor allem aber orientiert sich vertical-align an der Höhe des Eltern-Elements, sprich da musst du auch ansetzen.
Ich arbeite eigentlich lieber mit line-height. Da kannst du auch mit festen Höhen arbeiten, musst es aber nicht. Teste das, doch mal aus, z.B.:
line-height:30px;Nur als Beispiel. Da musst du selbst etwas testen, je nach Schriftgröße, usw.
Edit: Habe gerade mal fix geschaut. Ich habe bei einem meiner Themes line-height auf den link, also das "a" angewandt.
.name{display:
am 02.01.2013 - 20:27 Uhr
.name{display: table-cell;
height: 40px;
vertical-align: middle;
}
ist aber nicht ganz sauber den display-Typen zu ändern...
[edit]
eine saubere Lösung wäre z.B:
.name{height:25px;
margin-top:8px
}
die Höhe musst Du halt bei beiden Beispielen finetunen...
Problem gelöst!
am 02.01.2013 - 22:02 Uhr
Beide Lösungen funktionieren einwandfrei :)
Vielen Vielen Dank für eure schnelle und kompetente Hilfe!
Marius2805 schrieb Soweit ich
am 02.01.2013 - 23:33 Uhr
Soweit ich weiß, sorgt doch "text-align: center" nur für eine horizontale Zentrierung, oder irre ich mich?
Sorry, ich hatte nicht sorgfältig genug gelesen. Ich dachte, du wolltest die Überschriften oben in der Tabelle zentriert haben...