Breite der Autorenspalte anpassen

[GSD]

Hallo,

ich wollte fragen wo es möglich ist, der "Autorenspalte" eine feste Breite zuzuweisen? Denn je nach Größe des Avatars ist diese mal schmaler und mal breiter. Das angehängte Bild sollte das Problem verdeutlichen.

Über Hilfe bin ich sehr dankbar!

[ externes Bild ]

[Irenicus]

Ich habe in etwa die gleiche Frage. Ich habe der Autorenspalte zurzeit eine Prozentbreite zugewiesen, möchte aber eine feste Pixelbreite einstellen. Wenn ich aber statt des Prozentwertes einen Pixelwert eingebe (ob nun mit oder ohne "px"), dann habe ich wieder die Standard-Breite, die sich automatisch an den Inhalt anpasst. Was mache ich da falsch?

Wir verwenden die Styles "AcidTech" und "eTech", hier der Code der Spalte:

Code: Alles auswählen

			<td align="center" valign="top" class="row" width="20%">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<div class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR_FULL}</div>
				<!-- IF postrow.ONLINE_IMG && postrow.S_ONLINE --><div class="postonline">{postrow.ONLINE_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_TITLE --><div class="posterrank">{postrow.RANK_TITLE}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_IMG --><div class="postrankimg">{postrow.RANK_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.POSTER_AVATAR --><div class="postavatar">{postrow.POSTER_AVATAR}</div><!-- ENDIF -->
				<!-- IF postrow.ACP_AUTHOR_EDIT --><div class="postavatar"><a href="{postrow.ACP_AUTHOR_EDIT}" target="_blank">[{L_EDIT_PROFILE}]</a></div><!-- ENDIF -->

				<div class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->

					<!-- IF CASHMOD -->
					<!-- IF USE_POINTS and not postrow.POSTER_LOCK --><br /><b>{L_POINTS_CASH_ON_HAND}:</b> <!-- IF postrow.POSTER_LOCK -->{L_POINTS_LOCKED}<!-- ELSE -->{postrow.POSTER_POINTS} <!-- IF USE_IMAGES_POINTS --><img src="{POINTS_IMG}" alt="{P_NAME}" /><!-- ELSE -->{P_NAME}<!-- ENDIF --><!-- IF not postrow.S_IS_OWN_POST and S_USER_LOGGED_IN --><br /><a href="{postrow.U_POINTS_DONATE}">{postrow.L_DONATE}</a><!-- ELSE --><br /><!-- ENDIF --><!-- IF postrow.U_POINTS_MODIFY --><a href="{postrow.U_POINTS_MODIFY}">{postrow.L_MOD_USER_POINTS}</a><!-- ENDIF --><!-- ENDIF -->
					<!-- IF USE_BANK and not postrow.POSTER_BANK_LOCK --><!-- IF postrow.BANK_ACCOUNT --><br /><b>{L_BANK_TITLE_MAIN}:</b><!-- IF postrow.POSTER_BANK_LOCK --> {L_POINTS_LOCKED}<!-- ELSE --> {postrow.BANK_GOLD} <!-- IF USE_IMAGES_POINTS --><img src="{POINTS_IMG}" alt="{P_NAME}" /><!-- ELSE -->{P_NAME}<!-- ENDIF --><!-- IF postrow.U_BANK_MODIFY --><br /><a href="{postrow.U_BANK_MODIFY}">{postrow.L_MOD_USER_POINTS}</a><!-- ENDIF --><!-- ENDIF --><!-- ENDIF --><!-- ENDIF --><!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM} <!-- IF postrow.POSTER_FLAG --><a href="http://maps.google.com/maps?q={postrow.POSTER_FROM}" target="_blank" rel="nofollow">{postrow.POSTER_FLAG}</a><!-- ENDIF --><!-- ENDIF -->

					<!-- IF THANKS_POST_MOD && postrow.U_PROFILE -->
						<!-- IF THANKS_ENABLE && (postrow.POSTER_THANKS or postrow.POSTER_THANKS_POST) --><br /><b>{L_THANKS}:</b> {postrow.POSTER_THANKS}<br /><b>{L_THANKED}:</b> {postrow.POSTER_THANKED} {L_IN} {postrow.POSTER_THANKS_POST}<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.POSTER_GENDER --><br /><b>{L_GENDER}:</b> {postrow.POSTER_GENDER_IMG}<!-- ENDIF -->
					<!-- IF postrow.S_HAS_HIGHSCORES --><br /><b>{L_ARCADE_HIGHSCORES}:</b> <a href="{postrow.U_ARCADE_STATS}">{postrow.TOTAL_HIGHSCORES}</a><!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</div>
			</td>

Foren-URL: http://www.ironmaiden-deutschland.de
Style-Links: http://www.phpbb3styles.net/db/style/AcidTech ; http://www.phpbb3styles.net/db/style/eTech

[Maugrim]

Nur eine Vermutung: aber höchstwahrscheinlich wird diese Breite auch in der css der Theme Dateien angegeben?

[Crizzo]

Nur eine Vermutung: aber höchstwahrscheinlich wird diese Breite auch in der css der Theme Dateien angegeben?

Das wäre egal, wenn er korrekte "inline-Styles" verwenden würde, die würden sich in der CSS-Spezifität nämlich durchsetzen, was diese alten HTML-Attribute nicht tun. http://fwpf-webdesign.de/css/grundlagen/style-attribut

Allerdings liegt das Problem daran, dass die Avatare immer quasi die mindestbreite der Tabellenzelle definieren und da alle Zellen gleich und aufeinander einwirken, sorgt das breiteste Avatar für die min. Breite der Avatarspalte.

Ein Versuch wäre es wert, diese Zeile:

Code: Alles auswählen

<td align="center" valign="top" class="row" width="20%">

durch diese zu ersetzen:

Code: Alles auswählen

<td align="center" valign="top" class="row">

und der Klasse .row für diese Spalte die passende Pixelbreite zu geben. Damit könnte man dies dann immerhin an die maximale Avatarbreite angleichen.

[Talk19zehn]

Hello Irenicus, deinem QT lt. Forumslink entnehme ich, dass du bereits Änderungen im Tabellenlayout vorgenommen hast. Ist das richtig?
Leider für mich nicht ganz nachvollziehbar in der Chronik... (Autorenspalte interpretiere ich mit Miniprofil).

Meiner Auffassung nach ist das spacer.gif in der Breite aufzuziehen und alles ist gut. Suche in der viewtopic_body.html Zeile 170 ( vgl. Originaltemplate etech 3.0.10 ) http://www.phpbb3styles.net/db/style/eTech

Test:

Code: Alles auswählen

<img src="{T_THEME_PATH}/images/spacer.gif" width="120" height="1" alt="" />

ändere width....

bspw.

Code: Alles auswählen

<img src="{T_THEME_PATH}/images/spacer.gif" width="320" height="1" alt="" />

BTW: "320" ist rein exemplarisch und
1024x768px in der Auflösung sind kein Problem bei einem links liegenden Miniprofil....

LG

[Irenicus]

@Talk19zehn: Super, hat geklappt! Im AcidTech Style fehlte die Spacer Zeile noch, habe sie dort auch eingefügt. Vielen Dank

Danke auch an Maugrim und BlackHawk87 für die Hilfestellung