Seite 1 von 3

Tabellenheader zu kurz?

Verfasst: 28.10.2012 15:49
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

Re: Tabellenheader zu kurz?

Verfasst: 28.10.2012 15:57
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

Re: Tabellenheader zu kurz?

Verfasst: 28.10.2012 18:43
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 -->

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 14:59
von kamp
kann hier keiner helfen?!

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 15:02
von Crizzo
Link und Testuser zum Problem? (der Testuser braucht auch nur Standardrechte, dass man die Tabelle sehen kann. ;) )

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 17:12
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.

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 17:19
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.

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 18:12
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.

Re: Tabellenheader zu kurz?

Verfasst: 02.11.2012 21:45
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

Re: Tabellenheader zu kurz?

Verfasst: 03.11.2012 08:46
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).