viele Buttons, die aus der Seite rausragen

[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?

[KevinD]

mmh, mit welcher auflösung surfst du? bei mir wird alles schön angezeigt

[Kiss News]

800 x 600
bei mir ragt das rechts raus aus dem Forum anstatt in die nächste zeile überzugehen... sehr seltsam

[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 ...

[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...

[Markus67]

Hi ...

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

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.

[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..

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

[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

[Kiss News]

hat nichts verändert

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?