Kategoriebild verkleinert sich beim Zuklappen

CallHerJule · 16.11.2012, 19:19

Hallöchen,
undzwar sitze ich gerade an einem neuen Design für mein Forum - bin testweise alle Funktionen durchgegangen und da ist mir ein Fehler aufgefallen, der in den anderen Designs nicht vorkommt und der sehr störend ist. Wenn ich eine Kategorie zuklappe, dann verkleinert sich das Kategoriebild und man sieht nur noch einen kleinen Teil davon. Ich habe für die Einbindung des Bildes den gleichen Code benutzt wie in den anderen Designs, nämlich diesen hier:

Code:
<thead><tr height="76" width="850"  style="background-image: url('images/winter/{$forum['name']}.png')"><td class="thead" colspan="5">

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

</div>

</td>

</tr>

</thead>

Damit auch klar ist, was ich meine, hänge ich mal zwei Screenshots an. Einmal die Normalansicht und diese, wenn es zugeklappt ist.

Ich hoffe, dass ihr mir helfen könnt Smile

LG

MrBrechreiz · 16.11.2012, 20:47

Da wird wohl die Anweisung zur Richtung falsch angegeben sein, wohin es sich schließen / verkleinern soll.

Sind alle jscript Datein im headerinclude Template eingefügt ?

CallHerJule · 16.11.2012, 21:29

Hey!
An der headerinclude hatte ich nichts verändert, sie sieht so aus:

Code:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />

<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>

{$stylesheets}

<script type="text/javascript">

<!--

    var cookieDomain = "{$mybb->settings['cookiedomain']}";

    var cookiePath = "{$mybb->settings['cookiepath']}";

    var cookiePrefix = "{$mybb->settings['cookieprefix']}";

    var deleteevent_confirm = "{$lang->deleteevent_confirm}";

    var removeattach_confirm = "{$lang->removeattach_confirm}";

    var loading_text = '{$lang->ajax_loading}';

    var saving_changes = '{$lang->saving_changes}';

    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";

    var my_post_key = "{$mybb->post_code}";

    var imagepath = "{$theme['imgdir']}";

// -->

</script>

{$newpmmsg}

EDIT: Eingeklappt werden die Unterforen übrigens super. Nur wie gesagt, das Kategoriebild wird einfach kleiner.

MrBrechreiz · 16.11.2012, 22:13

Ich glaube der Fehler liegt an dem ersten <tr>, da sollte meines wissens nach keine Style oder Größenangaben stehen.

(16.11.2012, 19:19)CallHerJule schrieb:
Code:
<thead><tr height="76" width="850" style="background-image: url('images/winter/{$forum['name']}.png')"><td class="thead" colspan="5"> <div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div> </div> </td> </tr> </thead>

Zum Vergleich, hier ist meine komplette "forumbit_depth1_cat"

Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" id="c_{$forum['fid']}_" class="tborder">

<thead>

<tr>

<td class="thead" colspan="6" style="background: url(images/katicon/{$forum['fid']}.png) no-repeat center;">

<div class="expcolimage" align="center"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

<div><strong><a href="{$forum_url}"><span style="color: #fff;">{$forum['name']}</span> </a></strong><br /><div class="smalltext"><span style="color: #d5d5d5;">{$forum['description']}</span></div></div>

</td>

</tr>

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td class="tcat" colspan="3"><span class="smalltext"><strong style="color:#fff;">{$lang->forumbit_forum}</strong></span></td>

<td class="tcat" width="110" align="center" style="white-space: nowrap"><span class="smalltext"><strong style="color:#fff;">{$lang->forumbit_threads}</strong></span></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong style="color:#fff;">{$lang->forumbit_posts}</strong></span></td>

<td class="tcat" width="150" align="center"><span class="smalltext"><strong style="color:#fff;">{$lang->forumbit_lastpost}</strong></span></td>

</tr>

{$sub_forums}

</tbody>

</table>

<br />

CallHerJule · 16.11.2012, 23:12

Hey,
daran liegt es leider nicht. Sad

Hab sie gerade testweise entfernt, aber ändern tut es nichts an meinem Problem. Sad

Aber danke für deine Hilfe!

MrBrechreiz · 16.11.2012, 23:14

Poste ma den ganzen Code.

CallHerJule · 16.11.2012, 23:40

Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"  style="margin-top:-15px;">

<thead><tr style="background-image: url('images/winter/{$forum['name']}.png'); height: 76px; width: 850px;"><td class="thead" colspan="5"><div class="expcolimage" ><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}"  /></div>

</div>

</td>

</tr>

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr style="margin-top:-20px;">

<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

<td class="tcat" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Themen & Beiträge</strong></span></td>

<td class="tcat" align="center" width="200px"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

</tr>

{$sub_forums}

</tbody>

</table>

<br />

Nun wieder mit Größenangaben. Hab den Code des Forums ein wenig für mich angepasst, deswegen sind auch Abweichungen zum Standard drin bei Breitenangaben etc. Smile

EDIT: Habe es gerade zurückgesetzt, aber das hilft auch nichts, also muss der Fehler ja woanders liegen, oder? Sad

Ich hatte auch das Problem, dass das Wer ist wo zB. - also online.php - ziemlich links hing, ohne Grund. Musste es dann mit width:100% einstellen, was in den anderen Styles nie nötig war. Könnte das zusammenhängen? :/

CallHerJule · 17.11.2012, 01:30

Editieren kann ich ja leider nicht mehr: Ich hab den Fehler gefunden. Ich hatte bei den Stylesheets tborder gelöscht, deswegen zog sich seltsamerweise alles nach links - aber nun geht es wieder. Smile

Danke dennoch für deine Hilfe!