kleines Darstellungsproblem - wer kann mir helfen?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
dieter99
Mitglied
Beiträge: 430
Registriert: 07.04.2005 20:09

kleines Darstellungsproblem - wer kann mir helfen?

Beitrag von dieter99 »

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:

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 -->
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!
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: kleines Darstellungsproblem - wer kann mir helfen?

Beitrag von Talk19zehn »

Hello,


---------------------------------
Erstanwort gelöscht
---------------------------------


Edit:
Da im Tenor keine Aussage getroffen wurde, dass offenbar jene Modifikation
http://www.phpbb.com/customise/db/mod/thanks_for_posts/
verbaut wurde, ist meine Antwort nicht relevant.
Codes nach Zeilen zu durchsuchen ( oder durchsuchen zu müssen ? ), die auf etwaige Verwendungen von Modifikationen schließen lassen, habe ich versäumt.

:-?
Zuletzt geändert von Talk19zehn am 16.04.2011 21:20, insgesamt 2-mal geändert.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
dieter99
Mitglied
Beiträge: 430
Registriert: 07.04.2005 20:09

Re: kleines Darstellungsproblem - wer kann mir helfen?

Beitrag von dieter99 »

So, ich habe jetzt testweise diesen Code

Code: Alles auswählen

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

Code: Alles auswählen

            <ul class="profile-icons">

Das ist ein Test

            </ul>
Und siehe da, das Problem ist behoben! D.h: "Das ist ein Test" wird rechts oben dargestellt, und der Beitragstext der unterhalb dargestellt wird, fließt bis zum rechten Rand.

Ersetzte ich jedoch nochmal den Code durch folgendes Beispiel ...

Code: Alles auswählen

            <ul class="profile-icons">

<img src="testbild.gif">

            </ul>
... dann ist das Darstellungsproblem wieder vorhanden. D.h: Das testbild wird rechts oben dargestellt, und der Beitragstext unterhalb fließt NICHT bis zum rechten Rand, sondern es erfolgt ein Zeilenumbruch an der Stelle, wo das Bild beginnt.


Jetzt habe ich meine CSS-Datei buttons.css mit der buttons.css von phpbb.de verglichen. Sie stimmt 1:1 überein.

Wo ist der verdammte Hund begraben?
dieter99
Mitglied
Beiträge: 430
Registriert: 07.04.2005 20:09

Re: kleines Darstellungsproblem - wer kann mir helfen?

Beitrag von dieter99 »

Es gibt Neuigkeiten:

In der Datei content.css habe ich eine kleine Änderung vorgenommen.

Original:

Code: Alles auswählen

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	padding-bottom: 1px;
}
Wenn ich "overflow: hidden;" weglasse, dann ist das Darstellungsproblem behoben!

Jetzt kommt die Frage aller Fragen:

Warum gibt es auf der Internetseite www.phpbb.de dieses Darstellungsproblem nicht, OBWOHL dort ebenfalls in der Datei content.css ""overflow: hidden;" eintragen ist?
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“