Tabellenheader zu kurz?

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.
kamp
Mitglied
Beiträge: 21
Registriert: 17.10.2012 15:11

Tabellenheader zu kurz?

Beitrag von kamp »

Hallo,

ich habe die Memberlist um einige Spalten erweitert, funktioniert soweit. Bloß wird der blaue Tabellenheader abgeschnitten und nicht auf 100% angezeigt. Wo ist da der Fehler und wie kann ich das Problem beheben?

[ externes Bild ]

Die Überschriften sind da, nur eben weiß, wie der Hintergrund auch.

PS: verwende Standart-Prosilver Theme

Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11968
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Tabellenheader zu kurz?

Beitrag von Crizzo »

Hi,

die Seite ist zu schmal und die Tabelle ragt aus ihr raus. Daran scheint sich auch der Tabellen-Kopf zu richten. Evtl. hast du auch dem Tabellen-Kopf zu wenig Spalten gegeben. Mehr lässt sich ohne Link zu Mitgliederliste, wo man das ganz sieht und deinem Code in der Template-Datei, nicht sagen.

Grüße
kamp
Mitglied
Beiträge: 21
Registriert: 17.10.2012 15:11

Re: Tabellenheader zu kurz?

Beitrag von kamp »

einen link gibts leider nicht, ist eine geschlossene community.

die tabelle hat 13 spalten, das habe ich auch so im template eingegeben. wenn die seite auf einem großen monitor angesehen wird, passt es. wird das browserfenster verkleinert, passt es nicht, der blaue rahmen verkleinert sich mit dem browserfenster mit.

Code: Alles auswählen

<!-- IF S_IN_SEARCH_POPUP -->
	<!-- INCLUDE simple_header.html -->
	<!-- INCLUDE memberlist_search.html -->
	<form method="post" id="results" action="{S_MODE_ACTION}" onsubmit="insert_marked(this.user); return false">

<!-- ELSEIF S_SEARCH_USER -->
	<!-- INCLUDE overall_header.html -->	
	<!-- INCLUDE memberlist_search.html -->
	<form method="post" action="{S_MODE_ACTION}">

<!-- ELSE -->
	<!-- INCLUDE overall_header.html -->
	<form method="post" action="{S_MODE_ACTION}">

<!-- ENDIF -->

	<!-- IF S_SHOW_GROUP -->

		<h2<!-- IF GROUP_COLOR --> style="color:#{GROUP_COLOR};"<!-- ENDIF -->>{GROUP_NAME}</h2>
		<p>{GROUP_DESC} {GROUP_TYPE}</p>
		<p>
			<!-- IF AVATAR_IMG -->{AVATAR_IMG}<!-- ENDIF -->
			<!-- IF RANK_IMG -->{RANK_IMG}<!-- ENDIF -->
			<!-- IF GROUP_RANK -->{GROUP_RANK}<!-- ENDIF -->
		</p>

	<!-- ELSE -->
		<h2 class="solo">Studentenverzeichnis<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>

		<div class="panel">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist">
				<li>

				<!-- IF U_FIND_MEMBER and not S_SEARCH_USER --><a href="{U_FIND_MEMBER}">{L_FIND_USERNAME}</a><!-- ELSEIF S_SEARCH_USER and U_HIDE_FIND_MEMBER and not S_IN_SEARCH_POPUP --><a href="{U_HIDE_FIND_MEMBER}">{L_HIDE_MEMBER_SEARCH}</a><!-- ENDIF -->
				</li>
				<li class="rightside pagination">
					{TOTAL_USERS}					
				</li>
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->
	<!-- IF S_LEADERS_SET or not S_SHOW_GROUP or not .memberrow -->
	<div class="forumbg forumbg-table">
		<div class="inner"><span class="corners-top"><span></span></span>

		<table class="table1" cellspacing="1" id="memberlist">
		<thead>
		<tr>
		<th class="memberlist-avatar">&nbsp;</th>
		<th class="name"><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP and .memberrow -->{L_GROUP_LEADER}<!-- ELSE -->{L_USERNAME}<!-- ENDIF --></a></th>
		<th class="birthday">Geburtstag</th>
		<th class="fhgroup">Gruppen</th>
		<th class="wohnort"><a href="{U_SORT_LOCATION}">{L_LOCATION}</a></th>
		<th class="handy">Handynummer</th>
		<th class="skype">Skype</th>
		<th class="facebook">Facebook</th>
		<th class="gplus">Google+</th>
		<th class="twitter">Twitter</th>
		<th class="pcos">PC OS</th>
		<th class="browser">Browser</th>
		<th class="posts"><a href="{U_SORT_POSTS}#memberlist">{L_POSTS}</a></th>
		</tr>
		</thead>
		<tbody>
	<!-- ENDIF -->
		<!-- BEGIN memberrow -->
			<!-- IF S_SHOW_GROUP -->
				<!-- IF not memberrow.S_GROUP_LEADER and not $S_MEMBER_HEADER -->
				<!-- IF S_LEADERS_SET and memberrow.S_FIRST_ROW -->
				<tr class="bg1">
					<td colspan="<!-- IF U_SORT_ACTIVE -->13<!-- ELSE -->13<!-- ENDIF -->">&nbsp;</td>
				</tr>
				<!-- ENDIF -->
<!-- IF S_LEADERS_SET -->
		</tbody>
		</table>

	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<div class="forumbg forumbg-table">
	<div class="inner"><span class="corners-top"><span></span></span>

	<table class="table1" cellspacing="1" width="100%">
	<thead>
	<tr>
	<!-- IF not S_LEADERS_SET -->
	<th class="memberlist-avatar">&nbsp;</th>
		<th class="name"><span class="rank-img"><a href="{U_SORT_RANK}">{L_RANK}</a></span><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP -->{L_GROUP_MEMBERS}<!-- ELSE -->{L_USERNAME}<!-- ENDIF --></a></th>
		<th class="birthday">Geburtstag</th>
		<th class="fhgroup">Gruppen</th>
		<th class="wohnort"><a href="{U_SORT_LOCATION}">{L_LOCATION}</a></th>
		<th class="handy">Handynummer</th>
		<th class="skype">Skype</th>
		<th class="facebook">Facebook</th>
		<th class="gplus">Google+</th>
		<th class="twitter">Twitter</th>
		<th class="pcos">PC OS</th>
		<th class="browser">Browser</th>
		<th class="posts"><a href="{U_SORT_POSTS}#memberlist">{L_POSTS}</a></th>
	<!-- ELSEIF S_SHOW_GROUP -->
	<th class="memberlist-avatar">&nbsp;</th>
		<th class="name">{L_GROUP_MEMBERS}</th>
		<th class="posts">&nbsp;</th>
		<th class="info">&nbsp;</th>
		<th class="joined">&nbsp;</th>
		<!-- IF U_SORT_ACTIVE --><th class="active">&nbsp;</th><!-- ENDIF -->
	<!-- ENDIF -->
	</tr>
	</thead>
	<tbody>
					<!-- DEFINE $S_MEMBER_HEADER = 1 -->
				<!-- ENDIF -->
			<!-- ENDIF -->

	<tr class="<!-- IF memberrow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
	<td class="memberlist-avatar" nowrap><a class="thumbnail" href="{memberrow.U_VIEW_PROFILE}"><!-- IF memberrow.USER_AVATAR --><span>{memberrow.USER_AVATAR}</span>{memberrow.USER_AVATAR_THUMB}<!-- ELSE --><span><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="{USER_AVATAR}" /></span><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="{USER_AVATAR}" width="25" height="25" /><!-- ENDIF --></a></td>
		<td nowrap><!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE --><input type="checkbox" name="user" value="{memberrow.USERNAME}" /> <!-- ENDIF -->{memberrow.USERNAME_FULL} {memberrow.USER_GENDER_IMG}<!-- IF S_SELECT_SINGLE --><br />[&nbsp;<a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a>&nbsp;]<!-- ENDIF --></td>
<td class="birthday" nowrap><!-- IF memberrow.CONGRATS == "Ja" --><dd>Geburtstag</dd><!-- ENDIF --> <!-- IF memberrow.AGE !== '' --><dd>{memberrow.AGE}</dd><!-- ENDIF --></td>
<td class="fhgroup" nowrap><!-- IF S_SHOW_MEMBERSHIPS and not S_IN_SEARCH_POPUP and not S_SELECT_SINGLE --><br /><div style="margin-top: 6px;" class="memberships"><!-- BEGIN membership --><input type="checkbox" name="membership-{memberrow.membership.GROUP_ID}" title="{memberrow.membership.GROUP_NAME}" <!-- IF memberrow.membership.S_IN_GROUP -->checked="checked" <!-- ENDIF -->onclick="return false;" style="margin-right: 8px;" /><!-- END membership --></div><!-- ENDIF --></td>
<td class="wohnort" nowrap><!-- IF memberrow.LOCATION --><div>{memberrow.LOCATION}</div><!-- ENDIF --></td>
<td class="handy" nowrap><!-- IF memberrow.S_PROFILE_TELEFONNUMMER --><!-- IF memberrow.PROFILE_PHONE_SHOW_VALUE == "Ja" --><!-- IF memberrow.PROFILE_ALLOWSMS_VALUE == "Ja" --><dd><a href="sms.php?u={USER_ID}" onclick="popup(this.href, 550, 400); return false;">+{memberrow.PROFILE_TELEFONNUMMER_VALUE}</a></dd><!-- ELSE --><dd>+{memberrow.PROFILE_TELEFONNUMMER_VALUE}</dd><!-- ENDIF --><!-- ELSE --><!-- IF memberrow.PROFILE_ALLOWSMS_VALUE == "Ja" --><dd><a href="sms.php?u={USER_ID}" onclick="popup(this.href, 550, 400); return false;">SMS senden</a></dd><!-- ENDIF --><!-- ENDIF --><!-- ENDIF --></td>
<td class="skype" nowrap><!-- IF memberrow.U_SKYPE or USER_SKYPE--><dd><!-- IF memberrow.U_SKYPE --><a href="{memberrow.U_SKYPE}" onclick="popup(this.href, 550, 400); return false;">{memberrow.USER_SKYPE}</a><!-- ELSE -->{memberrow.USER_SKYPE}<!-- ENDIF --></dd><!-- ENDIF --></td>
<td class="facebook" nowrap><!-- IF memberrow.S_PROFILE_FACEBOOK --><dd><a href="http://www.facebook.com/{memberrow.PROFILE_FACEBOOK_VALUE}" target="_blank">{memberrow.PROFILE_FACEBOOK_VALUE}</a></dd><!-- ENDIF --></td>
<td class="gplus" nowrap><!-- IF memberrow.S_PROFILE_GPLUS --><dd><a href="http://plus.google.com/u/0/{memberrow.PROFILE_GPLUS_VALUE}" target="_blank">Profil</a></dd><!-- ENDIF --></td>
<td class="twitter" nowrap><!-- IF memberrow.S_PROFILE_TWITTER --><dd><a href="http://www.twitter.com/{memberrow.PROFILE_TWITTER_VALUE}" target="_blank">{memberrow.PROFILE_TWITTER_VALUE}</a></dd><!-- ENDIF --></td>
<td class="pcos" nowrap><!-- IF memberrow.S_PROFILE_BETRIEBSSYSTEM -->{memberrow.PROFILE_BETRIEBSSYSTEM_VALUE}<!-- ENDIF --></td>
<td class="browser" nowrap><!-- IF memberrow.S_PROFILE_BROWSER -->{memberrow.PROFILE_BROWSER_VALUE}<!-- ENDIF --></td>
<td class="posts" nowrap><!-- IF memberrow.POSTS and S_DISPLAY_SEARCH --><a href="{memberrow.U_SEARCH_USER}" title="{L_SEARCH_USER_POSTS}">{memberrow.POSTS}</a><!-- ELSE -->{memberrow.POSTS}<!-- ENDIF --></td>
	</tr>
		<!-- BEGINELSE -->
	<tr class="bg1">
		<td colspan="<!-- IF S_VIEWONLINE -->13<!-- ELSE -->13<!-- ENDIF -->">{L_NO_MEMBERS}</td>
	</tr>
		<!-- END memberrow -->
	</tbody>
	</table>

	<span class="corners-bottom"><span></span></span></div>
</div>

<!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE -->
<fieldset class="display-actions">
	<input type="submit" name="submit" value="{L_SELECT_MARKED}" class="button2" />
	<div><a href="#" onclick="marklist('results', 'user', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="marklist('results', 'user', false); return false;">{L_UNMARK_ALL}</a></div>
</fieldset>
<!-- ENDIF -->

<!-- IF S_IN_SEARCH_POPUP -->
</form>
<form method="post" id="sort-results" action="{S_MODE_ACTION}">
<!-- ENDIF -->

<!-- IF S_IN_SEARCH_POPUP and not S_SEARCH_USER -->
<fieldset class="display-options">
	<!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
	<!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
	<label for="sk">{L_SELECT_SORT_METHOD}: <select name="sk" id="sk">{S_MODE_SELECT}</select></label> 
	<label for="sd">{L_ORDER} <select name="sd" id="sd">{S_ORDER_SELECT}</select> <input type="submit" name="sort" value="{L_SUBMIT}" class="button2" /></label>
</fieldset>
<!-- ENDIF -->

</form>

<hr />

<!-- IF S_IN_SEARCH_POPUP -->
	<!-- INCLUDE simple_footer.html -->
<!-- ELSE -->
	<!-- INCLUDE jumpbox.html -->
	<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
kamp
Mitglied
Beiträge: 21
Registriert: 17.10.2012 15:11

Re: Tabellenheader zu kurz?

Beitrag von kamp »

kann hier keiner helfen?!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11968
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Tabellenheader zu kurz?

Beitrag von Crizzo »

Link und Testuser zum Problem? (der Testuser braucht auch nur Standardrechte, dass man die Tabelle sehen kann. ;) )
kamp
Mitglied
Beiträge: 21
Registriert: 17.10.2012 15:11

Re: Tabellenheader zu kurz?

Beitrag von kamp »

das ist nicht möglich, ist eine geschlossene community. die mitgliederliste ist so umgebaut, dass persönliche infos wie handynummer, geburtsdatum etc. der mitglieder angezeigt werden. ich habe aber wie gewünscht den code gepostet.
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11968
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Tabellenheader zu kurz?

Beitrag von Crizzo »

Aus dem Code alleine ist das nicht ersichtlich, fehlt z.B. auch der CSS-Code der darauf wirkt. Installiere dir ein zweites phpBB-Board mit eben diesem Style und dieser Memberliste, damit man das Problem dort sieht ohne die sensiblen Daten und gib uns dann einen Testaccount und einen Link, wo wir das Problem sehen können, live und nicht als Bild.
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7898
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Tabellenheader zu kurz?

Beitrag von Kirk »

Ich hab mir die memberlist auch umgebaut,vielleicht kann dir diese Anleitung ein wenig weiter helfen.
Du musst sie halt ein wenig ändern.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4930
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: Tabellenheader zu kurz?

Beitrag von Talk19zehn »

Hi, zunächst schließe ich mich dem Support an, den du sicherlich via PN kontaktieren kannst, da du persönliche Daten richtigerweise nicht offenlegen kannst. :wink:

Wenn ich mir das Konstrukt anschaue und in beliebten kleinen Auflösungen denke, wie sollen 13 Spalten bei einer Auflösung von 800px in der Breite ( ohne Innenabstand ) gehandelt werden, wenn *90px bereits vom Avatar in der Breite einer Zelle zzgl. Innenabstand benötigt werden? Ganz abgesehen vom Außenabstand der Tabelle von 100% in der Breite. M.E. bedarf es in der einzelnen Zelle bspw. zumindest einer prozentualen Breitenanpassung. Inwiefern das CSS dein Konstrukt quasi sozusagen evtl. gar "aushebelt " oder "ergänzt" (?) ist leider unklar.

Der Lösungsansatz wäre im Verlauf recht interessant, da ich persönlich den Eindruck gewinne, dass ggf. gar zwei untereinander liegende Tabellen hilfreich sein könn(t)en. Evtl. ist gar ein vertikaler anstatt horizontaler Ansatz praktikabel.

Danke dir!


Edit:
*) Maß in px
Zuletzt geändert von Talk19zehn am 03.11.2012 09:41, insgesamt 1-mal geändert.
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
kamp
Mitglied
Beiträge: 21
Registriert: 17.10.2012 15:11

Re: Tabellenheader zu kurz?

Beitrag von kamp »

habe ein testboard eingerichtet. bit.ly/Yzuw1S user: tester passwort: tester

@kirk: danke, aber damit wird die mitgliederliste leider viel zu groß, da ich alle mitglieder auf einer seite anzeige (60).
Antworten

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