kleines Darstellungsproblem - wer kann mir helfen?
Verfasst: 16.04.2011 09:53
Hallo,
in diesem Forum ist der Style beim Aufruf eines Beitrags wie folgt aufgebaut:
links oben: Betreff
direkt darunter: wer hat den Beitrag wann verfasst
rechts oben: Button "Beitrag melden" und Button "Zitieren"
Der eigentliche Beitrag/Text erstreckt sich über das komplette Feld. Es wird der komplette Platz genutzt, also auch der Bereich unterhalb der oben genannten Buttons.
Bei mir ist es jetzt so, dass der Beitragstext am rechten Rand aufhört, wo der erste Button ("diesen Beitrag melden") beginnt. Der Platz unterhalb der Buttons (als Admin hat man recht viele) wird in meinem Template NICHT genutzt.
zur Info: Ich nutze ein fertiges Template aus dem Internet, dass auf prosilver aufbaut.
Da ich keine/wenig Ahnung mit CSS habe, die Frage nun an Euch:
In welcher CSS-Klasse kann man festlegen, dass der Beitragstext nicht beim ersten Button aufhört, sondern bis zum rechten Rand weiterläuft?
Ich habe den HTML-Quellcode dieses Forums mit dem HTML-Quellcode meines Forums verglichen. Es ist vieles Ähnlich. Ich denke ich muss direkt in der CSS-Datei suchen.
Hier ein Abschnitt aus meiner viewtopic_body.html:
Ist jetzt die Klasse "profile-icons" oder die Klasse "content" für mein Problem relevant? Oder muss ich ganz wo anders suchen?
Ich wäre über jede Hilfestellung dankbar!
in diesem Forum ist der Style beim Aufruf eines Beitrags wie folgt aufgebaut:
links oben: Betreff
direkt darunter: wer hat den Beitrag wann verfasst
rechts oben: Button "Beitrag melden" und Button "Zitieren"
Der eigentliche Beitrag/Text erstreckt sich über das komplette Feld. Es wird der komplette Platz genutzt, also auch der Bereich unterhalb der oben genannten Buttons.
Bei mir ist es jetzt so, dass der Beitragstext am rechten Rand aufhört, wo der erste Button ("diesen Beitrag melden") beginnt. Der Platz unterhalb der Buttons (als Admin hat man recht viele) wird in meinem Template NICHT genutzt.
zur Info: Ich nutze ein fertiges Template aus dem Internet, dass auf prosilver aufbaut.
Da ich keine/wenig Ahnung mit CSS habe, die Frage nun an Euch:
In welcher CSS-Klasse kann man festlegen, dass der Beitragstext nicht beim ersten Button aufhört, sondern bis zum rechten Rand weiterläuft?
Ich habe den HTML-Quellcode dieses Forums mit dem HTML-Quellcode meines Forums verglichen. Es ist vieles Ähnlich. Ich denke ich muss direkt in der CSS-Datei suchen.
Hier ein Abschnitt aus meiner viewtopic_body.html:
Code: Alles auswählen
<div class="postbody">
<!-- IF postrow.S_IGNORE_POST -->
<div class="ignore">{postrow.L_IGNORE_POST}</div>
<!-- ELSE -->
<!-- IF not S_IS_BOT -->
<!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->
<div>
<ul class="profile-icons">
<!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
<!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
<!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
<!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
<!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
<!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
<!-- IF not postrow.S_FIRST_POST_ONLY or (not START and postrow.S_ROW_COUNT == 0) -->
<!-- IF not postrow.S_POST_ANONYMOUS and postrow.S_FORUM_THANKS and S_USER_LOGGED_IN and not postrow.S_IS_OWN_POST and (not postrow.S_ALREADY_THANKED or postrow.S_REMOVE_THANKS) --><li class="{postrow.THANKS_IMG}"><a href="{postrow.THANKS_LINK}" title="{postrow.THANK_ALT}{postrow.POST_AUTHOR}"></a></li><!-- ENDIF -->
<!-- ENDIF -->
</ul>
</div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
<p class="rules">
<!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->
<!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
</p>
<!-- ENDIF -->
<div class="content">{postrow.MESSAGE}</div>
<!-- IF postrow.S_HAS_ATTACHMENTS -->Ich wäre über jede Hilfestellung dankbar!
