Kategoriebild über die ganze Breite

Huhu!

Bevor jetzt kommt: "Dazu gibt schon x-beliebige Threads". Ja, die gibt es, ich habe sie durchforstet und tatsächlich den gefunden, der mein 'Problem' behandelt. Leider wurde auf "Learning by Google(ing)" verwiesen bzw. die Sache per PN geklärt, sodass dort keine Lösung vorhanden ist. Ich habe gegooglet, aber auf die Eigenheiten von Forumieren können nur die Auskunft geben, die sich damit beschäftigen. Deshalb möchte ich euch noch einmal fragen, wie man den Code im CSS-Stylesheet gestalten muss, damit das Kategoriebild über die ganze Breite geht (auch über Themen/Beiträge/neuste Beiträge).
Wie und wo ich das jeweilige Bild dann einfügen muss, ist mir bekannt; es geht nur darum, dass es die ganze Breite ausfüllen sollte, statt auf die erste Spalte begrenzt zu sein.

LG,
Tabula Rasa

Wenn du genau hinsiehst, dann ist in dem Beispielforum genannten auch kein durchgängiges Bild. Das Bild wiederholt sich, weil es zweimal eingesetzt wurde. Der Code der dort verwendet wurde ist:

Code:

th {
    background-image: url("http://LINK_ZUM_BILD.jpg");
}

Du kannst das Hintergrundbild der Kategorien aber auch über die Bilderverwaltung im Adminbereich setzen.

Tabula Rasa schrieb:Huhu!

Bevor jetzt kommt: "Dazu gibt schon x-beliebige Threads". Ja, die gibt es, ich habe sie durchforstet und tatsächlich den gefunden, der mein 'Problem' behandelt.

Hallo, dann hast du aber wohl diesen Thread hier übersehen
Dort ist ganz genau erklärt, wie das geht.

Auch in dem Beispielforum, das Loui genannt hat, ist man nicht ohne Veränderung der Templates ausgekommen, denn dort fehlen ja auch einige Spalten. Die Beschreibung, wie man diese entfernt, ist auch in dem Thread zu finden, den ich dir oben genannt habe.

Dankeschön erst mal euch beiden!
Ich werde mich heute Abend gleich ransetzen, ausprobieren und mich dann noch mal hier melden.

Ich hoffe, es ist nicht so tragisch, wenn ich an dieser Stelle mal einen Doppelpost instruiere, denn ansonsten sieht man wahrscheinlich nicht, dass ich mich daran versucht und auf ein Problem gestoßen bin. Es ist spät, alle User sind im Bett, sodass ich am Forum basteln kann - die letzte, größere Veränderung, die ich mir vorgenommen habe.
Übrigens bin ich komplett der Anleitung weiter gefolgt, denn genau wie die Userin in dem Thread (den ich irgendwie übersehen haben muss - sorry), hätte ich gerne die Zeile, in der "Themen", "Beiträge" und "neuste Beiträge" steht, ebenfalls weg. Nun ja, ich habe alles genau befolgt und den Teil entfernt, ganz wie deine Anleitung, Zuckerpuppe. Die Zeilen bzw. Spalten sind dann wie erwartet verrutscht, sodass ich auch versucht habe, die Pixelangabe zu ändern bei der Weite und habe aus der "100%" eine "600" gemacht.



Es hat auch alles funkioniert bis auf einen Schönheitsfehler. Wie man oben sieht, tanzt die zweite Kategorie - und komischer Weise nur die - aus der Reihe; dort ist es scheinbar bei der verrutschten Anordnung geblieben. Jetzt hege ich den Verdacht, dass ich irgendetwas vergessen habe, zu entfernen, zumal die Userin davon sprach... Hat jemand eine Idee oder vielleicht Zuckerpuppe persönlich? Ich glaube, es ist wieder nur ein ganz banaler Fehler^^

Vielleicht hilft es ja, wenn ich den Inhalt der gesamten Inbox reinstelle? Ich kann mir absolut nicht erklären, warum die Spalten einer einzigen Kategorie verrutscht sind, während alle anderen schön untereinander sind...

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}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{}</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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- 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="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="600" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </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>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50" width="30">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50" width="30">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50" width="200">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

Hallo,

ich kann jetzt so auf Anhieb keinen Fehler feststellen, wenn ich mir die Änderungen ansehe. Jedoch hast du mir ein anderes Template gegeben, als das, was in deinem Forum eingetragen ist. Denn in dem Forum aus deinem Profil hast du für die letzte Spalte 220 statt 200 angegeben

Ich denke aber, dass es an den beidseitigen Indexmodulen liegt. Wenn du diese mal testweise deaktivierst, dann wirst du sehen, dass die Ansicht richtig ist.

Versuch einfach mal mit den Pixelangaben zu spielen, dann sollte die Ansicht auch mit den Indexmodulen wieder richtig sein.
Gib mal statt 600 -> 400 ein und lass die 200 mal so stehen. Müsste klappen

Oh, Entschuldigung! Ich habe gestern nach dem Post hier selber noch ein bisschen daran herumprobiert und dann vergessen, die Änderungen auch hier zu editieren. Aber auf alle Fälle hat es funktioniert. Dankeschön!

Die User haben mich jedoch auf noch ein kleines Problem hingewiesen. Die Kategorie, die ich schon mit einem Bild ausgestattet habe, wird durch die Grafik leider ziemlich in die Breite gezerrt. Hier mal der Screen:



Was kann ich da machen? Eine weitere Templateveränderung oder liegt es an der Bildbreite? Wobei die eigentlich nicht zu breit zu seinen scheint; wie man hier sieht, ist nach rechts und links noch ein paar Pixel Platz. Oder ist die einfach nur zentriert?

Ich kann dir sagen, was dein Problem ist. Auf dem oberen Bild sehen wir ja die Ansicht deiner Startseite. Das ist ja so in Ordnung. Aber du hast/musst dein Bild ja bei Name der Kategorie angeben. Auch das ist in Ordnung.
Dein Zweites Bild ist ja nun eine geöffnete Kategorie.
Hier ist es ja nun so, das du oben immer so eine Art Menü hast, das dir anzeigt in welcher Kategorie und in welchem Forum du dich befindest. Das siehst du auch hier, wenn du mal nach oben oder unten Scroolst.
Das du aber nun als Name der Kategorie das Bild angegeben hast, ist dort kein Textlink sondern das Bild anstelle des Kategorienamens.
Das ist leider der Nachteil wenn du Kategorien mit Bildern anstelle von Text bezeichnest.
Es gäbe nun die Möglichkeit dieses Menü zu entfernen.
Oder eventuell nich eine andere Möglichkeit, die ich aber erst mal testen muss. Möchtest du dieses Menü entfernen?

Hallo Frank!

Wenn es ginge, würde ich das Menü gerne drinnenlassen. Nur wenn es absolut keinen anderen Weg geben sollte, wäre die Entfernung wohl die einzige Möglichkeit.
Bist du sicher, dass das nichts mit der Zentrierung der Kategorieüberschrift zutun hat?

Nein, das hat absolut nichts damit zu tun.
Es liegt einfach nur an dem Bild, das hier angezeigt wird.
Schau mal:
Das ist das Bild, das ich bei dir sehe:

Das Bild hat die Masse:
725px × 79px
Im Index sieht es ja nun so aus:

In der Kategorie ist ja das hier zu sehen:

Da wo ich nun diese Grünem Markierungen eingesetzt habe, ist ja nun das Bild der Kategorie.
Ich werde nun mal was versuchen und melde mich gleich wieder...

Okay, dann habe ich jetzt verstanden, worauf du hinauswillst. Ich bin jetzt mal von der Breite der Grafik auf 500 Pixel heruntergegangen. Aber auch das scheint nicht zu funktionieren, obwohl in diesem Forum hier ein Bild mit demselben Wert hinhaut...

Na ja, ich warte dann jetzt einfach mal, ob du vielleicht eine Lösung findest. Danke übrigens für deine Mühe!

Du musst die Kategoriebilder nicht verkleinern. Wir können die Störenden Bilder über einen CSS Eintrag in der Breite begrenzen, so das diese so angezeigt werden:


Dazu musst du in dein CSS diesen Eintrag eintragen:

Code:

.nav a.nav img{
max-width: 200px;
}

Das würde dann deine Kategoriebilder in der Kategorie auf jetzt 200 Px in der Breite verkleinern, egal wie groß die sind, die du eingesetzt hast.
Versuch das mal bitte bei dir und sage mir ob du damit leben kannst.

Hey, das ist echt eine gute Lösung!
Jetzt wollte ich nur noch fragen: Wird die grüne Linie unten bei dir auch angezeigt oder ist das nur bei mir so?

Ja, ich sehe das auch. Aber das kommt davon, das in der Bilderverwaltung irgentwo dieses Bild als Hintergrund Bild eingetragen ist:

http://hitskin.com/themes/13/44/99/i_back_catg.gif
Du musst da mal nachsehen, weil das ist ein Schwarzes Bild das unten einen Grünen Streifen hat.
Wenn du das gegen ein richtig Schwarzes Bild austauscht, dann sollte das weg sein.

Edit:
Der grüne Streifen ist bei mir auch noch an anderen Stellen zu sehen, und das liegt an diesem Bild.
Schau mal ich habe es mal vergrößert:

Oh! Super!
Vielen lieben Dank!

Ja, nun ist der Streifen weg. Und da jetzt dazu alles geklärt ist, mache ich hier nun zu.