[phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

von Zwiebel Do 6 Feb 2014 - 12:28

Mahlzeit, ihr Lieben

auf in die nächste Runde des vermuteten Den-Wald-vor-lauter-Bäumen-nicht sehen. Sufu wie immer bemüht, aber nix gefunden.

Also, ich würde gerne die Inhalte in den <tr>'s vertikal mittig haben, sodass forumlink/topictitle immer mittig sind, und es sozusagen weiterhin dynamisch mittig ist, wenn eine Foren-/Themenbeschreibung hinzukommt und/oder ein Unterforum. So hab ich es woanders auf einer forumieren-Plattform auch gesehen und finde es auch am schönsten bei solchen Designs.

Und irgendwann hab ich ja mal gelernt, dass das mit vertical-align: middle; geht. Aber egal, wo ich es à la try-and-error auch hinpacke, das Board macht mir nur ne lange Nase und schiebt es allenfalls drei Pixel nach unten, was dann schon endlos weitere Fragen aufwirft. @.@

Liebe Grüße und vielen Dank im Voraus ♥

von #Frank Do 6 Feb 2014 - 12:33

Bitte noch die Forenadresse mit angeben, wenn es sich nicht um das Testforum aus dem Profil handelt!

Thema weiterhin frei!

Edit:
Schon mal in diesen Suchergebnissen nachgeschaut?
Dort steht einiges zum Thema:
https://hilfe.forumieren.com/search?search_keywords=Zentri*+mitt*

von Zwiebel Do 6 Feb 2014 - 12:54

Zwiebel schrieb:Sufu wie immer bemüht, aber nix gefunden.

^ Ja, ich schaue immer zuerst in der Suchfunktion. Und da drehen sich 99% der Sachen eigentlich nur darum, etwas horizontal mittig auszurichten (Stichwort: div/text-align: center), was natürlich nicht mein Anliegen ist. Die anderen 1% sind dann sowas https://hilfe.forumieren.com/t2453-text-des-themas-zentrieren - und das hilft mir ebenso wenig. [statt <br> zu benutzen, kann ich genauso gut ein padding einfügen und das ist alles andere als dynamisch] - und in den templates etwas zu ändern habe ich auch schon versucht, und weil es nichts brachte, bin ich nun hier.

Und natürlich geht es um das Forum in meinem Profil. Deswegen habe ich ja nichts angegeben. Komme mir gerade ein bisschen veralbert vor -

Spoiler:

Da sieht man doch, dass es nicht vertikal mittig ist? o.o

von #Frank Do 6 Feb 2014 - 15:34

Da es sich um ein Testforum handelt, müsste ich erstmal davon ausgehen, das es sich nicht um das Forum handelt, was betroffen ist.
Du wirst dein Vorhaben nur über einen Eingriff in das Template umsetzen können. Aber ist dir bewusst, das es dort in der Tabellenzelle zwei Bereiche gibt?
Da ist zum einen der Forenname und zum anderen die Forenbeschreibung.
Diese beiden Sachen stehen jeweils mit extra Classen in dieser einen Zelle.
Hilft dir das schon weiter?

von Zwiebel Do 6 Feb 2014 - 17:12

Das direkt im Template anzusprechen, habe ich ja schon versucht ^^ ungeachtet der Tatsache, dass da ja neben den classes für row1 usw ja bereits valign="middle" hard-codiert im HTML drin stand und das dem Anschein nach ja auch keinen nennenswerten Zweck erfüllt. Sad

Und wenn ich mir dann meinen Code angucke und den von dieser Seite z.B., wo es eben tatsächlich middle auch umgesetzt wird http://izyas-eternity.forumieren.com/f2-guides-informationen , dann finde ich auch keine nennenswerten Unterschiede im Code [Ja, mir ist bewusst, dass das nicht der Index ist, aber der grundlegende Aufbau ist ja derselbe überall] - hab dann auch schon probiert, die fixe height rauszunehmen, brachte auch nix.

Daher wüsste ich eigentlich gerne, was schief läuft, dass das valign-middle <i>anscheinend</i> nicht umgesetzt wird. Weil ich hab es auch schon in jede class gesetzt, die dort rumschwirrt, sei es hierarchy, forumlink, genmed usw. Aber ohne padding nix los, und gerade das will ich ja vermeiden.

Also lange Rede, kurzer Sinn: Leider nein ;/

von Günther Fr 7 Feb 2014 - 18:21

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<center>
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</center>
</td>

Das ist schon alles. Wink

von #Frank Fr 7 Feb 2014 - 20:07

Günther, es geht nicht um Center, sondern darum, das die Inhalte der Zelle = valign="middle" ausgerichtet sein sollen.

Kannst du da bitte auch noch mal nach sehen.

von Günther Fr 7 Feb 2014 - 20:19

Ja, das habe ich schon gesehen. Aber die valign-Ausrichtung der Zelle funktioniert dort (für sich alleine) nicht, weil es noch untergeordnete Elemente gibt, die linksbündig sind.
Entweder müsste man die auch noch alle einzeln ausrichten - oder man setzt einfach die center-Tags ein, was für mich die einfachste Lösung ist. Smile

von Zwiebel Fr 7 Feb 2014 - 23:28

Aber die valign-Ausrichtung der Zelle funktioniert dort (für sich alleine) nicht, weil es noch untergeordnete Elemente gibt, die linksbündig sind.

Das versteh ich nicht ganz - im Endeffekt soll das ja linksbündig sein alles in diesen Zeilen. Aber selbst angenommen, ich könnte mich mit dem zentrierten Inhalt anfreunden, geholfen hat es irgendwie nicht :/ Steht immer noch alles oben eher am Rand

von Günther Fr 7 Feb 2014 - 23:41

Sorry, ich habe die ganze Zeit gedacht, es ginge um die horizontale Ausrichtung. Das habe ich deinen Beiträgen falsch entnommen bzw. durcheinander gebracht.

Die vertikale Ausrichtung funktioniert hier nicht, weil ein Teil des Zellinhaltes (Forenicons) links gefloatet wird. Sobald Inhalte gefloatet werden, wird die Zellausrichtung außer Kraft gesetzt.
Wenn du das Floating mal testweise entfernst, wirst du sehen, wovon ich spreche. Wink

Du musst also eine andere Lösung finden, die Forenicons zu positionieren, wenn du die Zellinhalte mittig ausrichten möchtest.

von Zwiebel Sa 8 Feb 2014 - 15:21

Aye, verstehe. Dachte mir dann... ok... wie positioniert man ein Bild an die gewünschte Stelle, wenn es nicht gefloatet werden darf? (ohne eine zusätzliche Tabellen-Spalte, weil das zerschießt mir alles erst mal komplett...) - nimmste position: absolute/relative.

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="60" style="background: url(http://abload.de/img/diarightfikva.png) no-repeat bottom left, url(http://abload.de/img/diarighttoppxjd1.png) no-repeat; background-color: rgba(228, 222, 222, 0.5);">
<div style="position: relative; height: 100%;"><div style="position: absolute; left: 5px; top: 5px;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div style="padding-left: 70px;"> <h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span></div></div></td>

Ich hab zwei separate divs gemacht, weil wenn ich es in die Tabellen-codes selbst reinschreibe, ignoriert er es teils, sodass die Icons dann einfach oben links am Bildschirmrand kleben, weil er die td-class nicht als parent zu finden scheint.
Problem jetzt, mal wieder, der Inhalt hört auf, vertical-aligned zu sein. Nehme ich die feste height raus beim relative, richten sich die Bilder immer auf der Höhe aus, wo rechts neben ihnen der forumlink steht. Sehr dynamisch, ja, aber doof, weil die Bilder dann viel zu weit unten sind, wenn sie erst in der Mitte anfangen.

Geht das irgendwie zu fixen? Vielleicht am besten so, dass er das position: relative nicht ignoriert, wenn ich es in die td-classes (row usw) schreib?

von Günther Sa 8 Feb 2014 - 17:37

Das ist eine viel zu komplizierte Lösung, du kannst das Forenicon wesentlich einfacher dort positionieren und den restlichen Zellinhalt mittig ausrichten. Wink

Code:: <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="60" style="background-color: rgba(228, 222, 222, 0.5); background-image: url({catrow.forumrow.FORUM_FOLDER_IMG}), url(http://abload.de/img/diarighttoppxjd1.png), url(http://abload.de/img/diarightfikva.png); background-position: 0px 50%, 0 0, 0 100%; background-repeat: no-repeat; padding-left: 70px;"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall">  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td>

Erkennst du, wie ich das umgesetzt habe?

von Zwiebel Sa 8 Feb 2014 - 23:40

Ooooh....Güntheeer......

Haben wir eigentlich schon einen Termin? Also, wann du mich heiraten wirst? Very Happy

Edit: Ohja, klar ...hab's erkannt... und es ist sooooo einfach, dass es schon weh tut, dass ich darauf nicht gekommen bin!

von Günther Sa 8 Feb 2014 - 23:45

Den müssen wir erst noch festlegen. Wink

Freut mich, dass wir jetzt eine Lösung gefunden haben.
Viel Spaß mit deinem Forum und schönen Abend noch! Smile

-closed-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

[phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)

Re: [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)