Frage wegen Abstand zwischen den Kategorien

[griza-angel]

Hallo!

Ich habe eine kurze Frage.
Wo ändere ich in der index_body.tpl den Abstand zwischen den einzelnen Kategorien?
Und zwar dieses hier

Ich weiss wohl in etwa, dass ich es in diesem Abschnitt irgendwo machen muss:

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<th class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50" class="thTop">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50" class="thTop">&nbsp;{L_POSTS}&nbsp;</th>
<th class="thCornerR" width="180">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
</table>
<br />
<!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<td class="rowpic" colspan="3" align="right" width="280">&nbsp;</td>
</tr>
<!-- 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" 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>
<!-- BEGIN switch_attached_forums -->
<!-- BEGIN br -->
<br />
<!-- END br -->
<span class="gensmall"><b>{catrow.forumrow.switch_attached_forums.L_ATTACHED_FORUMS}:</b>
<!-- BEGIN attached_forums -->
<a class="nav" href="{catrow.forumrow.switch_attached_forums.attached_forums.U_VIEWFORUM}"><img alt="{catrow.forumrow.switch_attached_forums.attached_forums.L_FORUM_IMAGE}" border="0" src="{catrow.forumrow.switch_attached_forums.attached_forums.FORUM_IMAGE}" title="{catrow.forumrow.switch_attached_forums.attached_forums.L_FORUM_IMAGE}" />{catrow.forumrow.switch_attached_forums.attached_forums.FORUM_NAME}</a>
<!-- END attached_forums -->
<span class="genmed">
<!-- END switch_attached_forums -->
</td>

<td class="row2" align="center" height="50" width="50"><span class="gensmall">
{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" height="50" width="50"><span class="gensmall">
{catrow.forumrow.POSTS}</span></td>
<td class="row2" align="center" height="50" width="180"> <span class="gensmall">
{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</table>
<br />
<!-- END catrow -->

Ich hoffe, mir kann da jemand weiter helfen Ist wahrscheinlich ziemlich einfach. Ich denke, dass ich da nur Zahlen verändern muss?! Aber welche weiss ich leider nicht Hatte schon einiges ausprobiert, aber keine Veränderung gesehen...


LG
griza-angel

[miccom]

Wenn du das <br /> in der vorletzten Zeile entfernst, wird sich der Abstand um eine Zeile verringern.

[griza-angel]

Danke für deine schnelle Antwort!
Aber wenn ich das <br /> entferne, liegen die Kategorien direkt aneinander.. Ein wenig Abstand sollte dann aber doch da rein

[Elvis]

dann ersetzte mal das <br /> mit einer Tabelle und eienr Zeile.

Code: Alles auswählen

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr> 
<td height="10"></td>
</tr>
</table>

die Höhe von 10 px kannste dann ändern.

[griza-angel]

Dann hab ich noch ne Frage:
Nun haben sich auch die Spalten der Bildchen verändert (nachdem ich den Code mit den Abstand zwischen den Kategorien geändert habe - siehe oben).
Hier seht ihr was ich meine. Ich hab es mal gekennzeichnet. Das sind 3 verschiedene Breiten...

[griza-angel]

dann ersetzte mal das <br /> mit einer Tabelle und eienr Zeile.

Code: Alles auswählen

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr> 
<td height="10"></td>
</tr>
</table>

die Höhe von 10 px kannste dann ändern.

Oh super! Vielen Dank! Das ist perfekt!

[miccom]

dann ersetzte mal das <br /> mit einer Tabelle und eienr Zeile.

Code: Alles auswählen

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr> 
<td height="10"></td>
</tr>
</table>

die Höhe von 10 px kannste dann ändern.

Statt height="10" wäre das besser:

Code: Alles auswählen

<td style="height:10px">

[nickvergessen]

Hier seht ihr was ich meine. Ich hab es mal gekennzeichnet. Das sind 3 verschiedene Breiten...

Finde:

Code: Alles auswählen

<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>

Ersetze mit:

Code: Alles auswählen

<td class="row1" align="center" valign="middle" height="50" width="20"><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>

[griza-angel]

Tausend Dank!!! Es ist nun genauso wie ich es haben wollte
Vielen Dank für eure schnelle Hilfe!


LG
griza-angel