Seite 1 von 1

viele Buttons, die aus der Seite rausragen

Verfasst: 11.10.2004 17:52
von Kiss News
Hallo!
Jemand hat so viele Buttons (nickpage, profile, YIM, YAM und was auch immer...), dass sie bei meiner Auflösung rechts aus dem Forum ragen!!
http://kissfanshop.ki.funpic.de/phpbb2/ ... =9010#9010
sieht echt seltsam aus, jedenfalls steht ein Button schon rechts raus aus dem Forum, sieht nicht gut aus, und scrollen muss ich da auch...

Gibt es dafür vielleicht eine Lösung?

Verfasst: 11.10.2004 18:59
von KevinD
mmh, mit welcher auflösung surfst du? bei mir wird alles schön angezeigt

Verfasst: 11.10.2004 19:07
von Kiss News
800 x 600
bei mir ragt das rechts raus aus dem Forum anstatt in die nächste zeile überzugehen... sehr seltsam

Verfasst: 11.10.2004 22:31
von Markus67
Hi ...

suche mal in der viewtopic_body.tpl ...

Code: Alles auswählen

        <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG}<!-- BEGIN Nickpagebutton --> <a
lösche aus dieser Zeile ..

Code: Alles auswählen

nowrap="nowrap"
Markus

P.S.
- ist mir nur noch aufgefallen ...
<td align="right" valign=" top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG}
Das fehlt das doppelte Hochkomma

- klappt das eigentlich mit der Nickpage ... die "switch"-Anweisungen stehen nicht alleine in der Zeile ...

Verfasst: 12.10.2004 12:13
von Kiss News
Hallo Markus!

Ja, das Hochkomma hat gefehlt. Danke für die Info. Deswegen hatte ich die Buttons auch nicht rechtsbündig...

Wenn ich den nowrap Code lösche, sind alle Buttuns untereinander, so soll es ja auch nicht sein... ich verstehe nicht, warum die Buttons nicht automatisch in die nächste Zeine übergehen wie sonst üblich, sondern einfach aus dem Forum herausragen..?
- klappt das eigentlich mit der Nickpage ... die "switch"-Anweisungen stehen nicht alleine in der Zeile ...
tut mir leid, ich weiss nicht, was Du damit meinst. was sind switch Anweisungen und was soll mit der Nickpage nicht funktionieren? habe noch nichts bemerkt, was mit der Nickpage nicht funktioniert... :roll:

Verfasst: 12.10.2004 12:35
von Markus67
Hi ...

ups .. da hab ich doch glatt eine <table> Einstellung übersehen ... daher sind die Grafiken dann alle untereinander :wink:

suche n der viewtopic_body.tpl

Code: Alles auswählen

<table
    cellspacing="0" cellpadding="0" border="0" height="18" width="18">
      <tr>
        <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG}<!-- BEGIN Nickpagebutton --> <a
        href="{postrow.Nickpagebutton.U_NICKPAGE}"><img
        src="templates/nickpage/nickpage_button_big.gif" border="0"></a> <!-- END Nickpagebutton --> {postrow.PM_IMG}
        {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG}  {postrow.AUCTION_USER_RATING} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');

				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
      </tr>
    </table>
ersetze mit:

Code: Alles auswählen

    <table cellspacing="0" cellpadding="0" border="0" height="18" width="100%">
      <tr>
        <td valign="middle">{postrow.PROFILE_IMG}
        <!-- BEGIN Nickpagebutton --> 
        <a href="{postrow.Nickpagebutton.U_NICKPAGE}"><img src="templates/nickpage/nickpage_button_big.gif" border="0"></a> 
        <!-- END Nickpagebutton --> 
        {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG}  {postrow.AUCTION_USER_RATING} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');

				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
      </tr>
    </table>
Markus

P.S. mit "switch"-Anweisung meine ich z.B. <!-- BEGIN Nickpagebutton -->
Diese Zeilen sollten eigentlich immer alleine in einer Zeile stehen.

Verfasst: 12.10.2004 12:50
von Kiss News
funktioniert leider auch nicht richtig:
http://kissfanshop.ki.funpic.de/phpbb2/ ... =9130#9130
der ICQ Button steht weiterhin raus... dafür ist der msn Button in der nächsten Zeile und lässt ne Lücke...

die Buttons sollten auch nur dann in die nächste Zeile übergehen, wenn das Ende der Zeile erreicht ist.. :roll:

die (switch) Einstellungen vertun sich leider immer wieder automatisch durch den Editor :evil:

Verfasst: 12.10.2004 12:54
von Markus67
Hi ...

suche:

Code: Alles auswählen

		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
Entferne da mal noch das nowrap="nowrap"

Markus

Verfasst: 12.10.2004 13:29
von Kiss News
hat nichts verändert
:roll:
es liegt irgendwo an diesem Codeschnipsel, aber egal, wie ich ihn verändere, es wird nie richtig dargestellt...

Code: Alles auswählen

   <table
    cellspacing="0" cellpadding="0" border="0" height="18" width="18">
      <tr>
        <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG}<!-- BEGIN Nickpagebutton --> <a
        href="{postrow.Nickpagebutton.U_NICKPAGE}"><img
        src="templates/nickpage/nickpage_button_big.gif" border="0"></a> <!-- END Nickpagebutton --> {postrow.PM_IMG}
        {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG}  {postrow.AUCTION_USER_RATING} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');

				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
      </tr>
    </table>
so, wie er hier ist, ist es noch eher am richtigsten. Jedoch bei großer Auflösung steht der letzte Button rechts aus dem Forum raus....

wenn ich das ICQ Button (also das javascript) vor dem YIM Button plaziere, dann verdeckt der den MSN Button... der fehlt dann...
wie schaffe ich einen automatischen Zeilenumbruch an Ende der Zeile?