Lücke im Index bei "Beiträge"

Hallöchen! :3

Ich habe mich vor Kurzem wieder dazu entschlossen ein Forum aufzumachen. Hierbei handelt es sich um ein RPG-Forum und ich hänge gerade - wieder mal - am Design fest. Euer Forum und die Tipps hier haben mir sehr geholfen, etwas auf die Beine zu stellen, was mich auch recht glücklich macht. Das Design wäre jetzt theoretisch schon fertig, doch eine kleine Sache geht mir tierisch auf den Geist:
Neben dem Kategorie-Titel oder bei "Wer ist online?" ist ja theoretisch die "Beiträge"-Leiste. Und mein Hintergrund von der Kategorie- und Wer ist online-Leiste soll durchgehend sein, doch diese Beiträge-Leiste blockiert das alles. ich weiß nicht, wie ich das erklären soll, aber man kann es sich ja noch einmal in MEINEM FORUM anschauen.

Ich weiß nicht, das ich falsch gemacht habe. Und ja, ich habe die SuFu schon des öfteren genutzt, doch ich fand einfach nichts, was meine Frage klären könnte.

Ich freue mich um Hilfe!

xoxo. ♥

Hallo!

Magst du mir vielleicht einmal den Inhalt des Templates index_box und einmal den Teil aus dem Template index_body, in dem du die Wer ist online - Box bearbeitet hast, rauskopieren und in den [code]-Tag packen? Ich glaube, da ist etwas falsch gelaufen beim Ändern der Templates.

Liebe Grüße

Hay!

Na klar kann ich das machen! Hier habe ich erst einmal den Inhalt für die Wer ist online?-Leiste. Der Code ist ebenfalls aus dem Forum hier, aber das hat sich ja - wie bei einer anderen Userin - verschoben. Vielleicht ist das der Auslöser dafür. :>

Code:


<!-- BEGIN disable_viewonline -->
<table class="forumline" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28" width="100%">
<span class="cattitle"><a class="cattitle" href="/viewonline" rel="nofollow">
<img src="">
</span>
</td>
</tr>
  <tr><td width="100%" colspan="2"><center><span class="gensmall"><br />{GROUP_LEGEND}<br /></span></center></td></tr>
<tr>
<td width="50%" valign="top">
<div align="justify">
<br />
<span class="gensmall">
<center><span id="users">{TOTAL_USERS}
<script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Wir haben/,"Unsere");</script><script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/eingetragene Mitglieder/,"Mystic Falls Einwohner");</script>&nbsp;
<span id="posts">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('posts').innerHTML=document.getElementById('posts').innerHTML.replace(/Unsere Mitglieder haben insgesamt/,"haben insgesamt");</script><script type="text/javascript">document.getElementById('posts').innerHTML=document.getElementById('posts').innerHTML.replace(/Beiträge geschrieben/,"Posts verfasst.");</script>

<br><span id="new">{NEWEST_USER} <br /><script type="text/javascript">document.getElementById('new').innerHTML=document.getElementById('new').innerHTML.replace(/Der neueste Nutzer ist/,"Herzlich Willkommen in Mystic Falls");</script></span><table border="0" cellspacing="3" cellpadding="0"><br>
<tr><br /><br />

 <tr><td align="center" width="20"><font size="1" family="verdana"><b></font></b></td><td></td><td align="center" width="20"><font size="1" family="verdana"><b></font></b></td><td></td><td align="center" width="20"><font size="1" family="verdana"><b></font></center></b></td></tr></table></div></td><br><td width="50%" valign="top"><div align="justify"<blockquote<center><span class="gensmall"><span id="online">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Nutzer/,"Blutsauger");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Angemeldeter/,"Einwohner");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Angemeldete/,"Einwohner");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Gast/,"Geist");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Gäste/,"Geister");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Unsichtbarer/,"Hexer");</script><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Unsichtbare/,"Hexe");</script><br /><span id="in">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('in').innerHTML=document.getElementById('in').innerHTML.replace(/Angemeldete Nutzer/,"Einwohner");</script><script type="text/javascript">document.getElementById('in').innerHTML=document.getElementById('in').innerHTML.replace(/Suchmaschinen:/,"Jäger:");</script><span id="records">{RECORD_USERS}<script type="text/javascript">document.getElementById('records').innerHTML=document.getElementById('records').innerHTML.replace(/Nutzern/,"Rumtreiber hier,");</script><script type="text/javascript">document.getElementById('records').innerHTML=document.getElementById('records').innerHTML.replace(/Der Rekord liegt bei/,"Es waren");</script><script type="text/javascript">document.getElementById('records').innerHTML=document.getElementById('records').innerHTML.replace(/am/,"am");</script></center></center></div></blockquote></td></span></tr>
</table><br>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
          <td align="center" width="20"><center><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></center></td>
                  <td><center><span class="gensmall">{L_NEW_POSTS}</span></center></td>
      <td></td>
      <td align="center" width="20"><center><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
                  <td><center><span class="gensmall">{L_NO_NEW_POSTS}</span></center></td>
      <td>&nbsp;&nbsp;</td>
          <td align="center" width="20"><center><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></center></td>
                  <td><center><span class="gensmall">{L_FORUM_LOCKED}</span></center></td>
  </tr>
</table>
<!-- END switch_legend -->

Und anschließend hier noch mal den gewünschten Inhalt des index-box-Templates.

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>


   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <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">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Normalerweise habe ich es ja mit dem ganzen HTML-Blah, aber das ist echt eine Nummer zu hoch bzw. das kann man nicht mal mehr HTML nennen. oô

Liebe Grüße zurück! :*

Also ich kann schon so viel sagen, dass es wahrscheinlich nicht an der Wer ist online - Liste liegt. Da ist alles in Ordnung mit, auch wenn es ein wenig verschoben aussieht.

Ich weiß zwar, wie du es haben willst mit den Kategorientexten und dem durchgehenden Hintergrundbild, aber ich glaub, dass lässt sich nicht ganz so einfach realisieren. Trennen kann man den Kategorienkopf von den Foren drunter nicht, dann verschiebt sich alles. Das hab ich schon ausprobiert. Kannst du denn damit leben, wenn ein kleiner Strich das Hintergrundbild bei den Kategorien trennt? Den bekomme ich nämlich wirklich nicht weg.

Was mir eben auch bei dem Forum aufgefallen ist, ist - wenn man mit der Maus über einen Link fährt - das dieser eben größer wird. Machst du das sonst wo im Forum, ist das okay. Aber in der letzten Spalte bei den Foren, wo die Beiträge drinstehen, dann verzieht sich nochmal das ganze Forum. Ich würde also versuchen, die Spalte generell etwas größer zu machen, damit das da auch besser reinpasst.

Wäre schön, wenn du da eben drauf antworten könntest, ob das okay für dich wäre.

Hay!

Okay, dann hab ich den Text wenigstens schon einmal richtig eingeben, hehe.
& ja, du hast meine volle Einverständnis! Mir ist das selber aufgefallen, aber ich bin einfach eine Niete in Forendesings und bleibe lieber bei Bloggerlayouts, gnah. :>

xoxo!

Sooo. Ich melde mich zurück mit einem vorgefertigten Template!

Für das Template index_box:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th></tr>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="800">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <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">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50" width="150">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Damit sollte es eigentlich funktionieren. Ansonsten kannst du dich auch nochmal hier schlau machen: https://hilfe.forumieren.com/t28052-kategoriebilder-auf-gesamte-breite

Liebe Grüße

Hay!

Also erst einmal: ein riesiges Danke! *____* Es geht jetzt über die gesamte Leiste, vielen lieben Dank & das du dir dafür die Zeit genommen hast, hihi. :>

xoxo!

Bitte schön, gern geschehen
-done-