bekomme Ansicht auf Indexeite nicht vertikal zentriert

[Dominique]

hi,

ich bekomme die Ansicht (siehe Bild) nicht "vertical-align: middle;" oder center halt

Ich finde wohl die passende Stelle in der css datei nich, wo ändere ich das ?

[ externes Bild ]

[area57]

Moin,

mach die Änderung doch einfach in der entsprechenden tpl

[Dominique]

Moin,

mach die Änderung doch einfach in der entsprechenden tpl

im amilo forum wo ich das schonmal gesehen ahbe meinte der admin er hätte es wohl in der css gemacht aber ich weis eben nich wo.

dachte halt das es in der css besser wäre als die tpl zu nehmen.
Aber ich weis eh nich welche stelle ich ändern soll

[Dominique]

hat denn keiner eine Idee ? *snief*

[Swordfish]

Hi,

also die betreffende Stelle müsste folgende in der index_body.tpl sein:

Code: Alles auswählen

<!-- BEGIN forumrow -->
  <tr>
	<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->

Du könntest jetzt natürlich die Klasse row1 in der css-Datei ändern (bei dir wahrscheinlich fisubsilver.css)

.row1{background:#eaedf4}

Dort vertical-align:top hinzufügen.

Code: Alles auswählen

.row1{background:#eaedf4;vertical-align:top}

Das Ergbnis wird wahrscheinlich eher eher merkwürdig ausfallen, da diese Klasse auch an vielen anderen Stellen benutzt wird, weil sie eigentlich nur die Hintergrundfarbe beinhalten soll.

Deshalb würde ich lieber die index_body.tpl bearbeiten:

Ersetze

Code: Alles auswählen

<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span>

mit

Code: Alles auswählen

<td class="row1" width="100%" height="50" valign="middle"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span>

Ich hoffe, ich konnte helfen,
Gruß,
Swordfish

[Beagleman]

Ich glaube hier liegt ein anderes Problem vor.

Code: Alles auswählen

<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td> 

Hieraus wird ersichtlich, dass in dieser Tabellenzelle 3 Elemente angezeigt werden sollen:
- Forum Name
- Forum Beschreibung
- Moderatoren
Diese Elemente werden jeweils durch einen Umbruch getrennt. Der Umbruch erfolgt aber auf jeden Fall, selbst wenn keine Moderatoren oder Beschreibungen angezeigt werden. Daher ist der Inhalt der Zelle immer mindestens 3 Zeilen hoch.

Man könnte theoretisch den Umbruch statt in der tpl-Datei in der index.php jeweils dann einfügen, wenn catrow.forumrow.FORUM_DESC und catrow.forumrow.MODERATORS nicht leer sind.

[Dominique]

Aron ausm Amilo forum (der der das dort realisiert hat) hat mir folgendes geschrieben:

Zitat:
"Bei dir wird ein Zeilenumbruch erzwungen - ich habe das einfach komplett auskommentiert:"

Code: Alles auswählen

<br /></span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}

Aber wenn ich das mache sieht das dann soooo extrem geknautscht aus


[ externes Bild ]

[Beagleman]

Durch das Auskommentieren des Codes

Code: Alles auswählen

<br /></span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}

werden dann aber auch nicht die Moderatoren angezeigt, falls du welche für die Foren definierst. Nicht dass du dich später mal wunderst.

Zur Zeilenhöhe:
Die Zeilenhöhe ist auf 50px beschränkt.

Code: Alles auswählen

<!-- BEGIN forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" height="50">

Du kannst diesen Wert erhöhen, um die Zeilenhöhe deinen Wünschen anzupassen.


Bei der Gelegenheit kann man sehen, wie veraltet der Code inzwischen ist, denn die Höhenangabe auf diese Weise ist längst als "deprecated" eingestuft. Besser macht man es durch CSS-Angaben.

Code: Alles auswählen

<td style="height:3em">

[Dominique]

tatsache, es klappt soweit bis auf das extreme zusammknautschen.

Die zeile muss ich ja nicht komplett auskommentiert werden das <br /> reicht ja auch.

Aber ich weis net an welche stelle ich dieses hier einsetzen soll (habs oft ergebnisfrei versucht)

Code: Alles auswählen

<td style="height:3em">

hier mal meine CSS
CSS

[Beagleman]

tatsache, es klappt soweit bis auf das extreme zusammknautschen.

Ich dachte darum ginge es. Was klappt denn, wenn nicht das "zusammenknautschen"?

Die zeile muss ich ja nicht komplett auskommentiert werden das <br /> reicht ja auch.

Wenn du wirklich alles in einer Zeile haben möchtest, ja.

Aber ich weis net an welche stelle ich dieses hier einsetzen soll (habs oft ergebnisfrei versucht)

Code: Alles auswählen

<td style="height:3em">

Du kannst die CSS-Angabe statt der bisherigen Höhen-Angabe direkt an dieser Stelle einfügen. So z.B.:

Code: Alles auswählen

<!-- BEGIN forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" style="height:3em">

Du kannst den Wert nach deinen Wünschen abändern. Auch Werte wie 2.8em oder 3.2em sind möglich.