Problem mit viewtopic.tpl

[Kiss News]

Hallo!
Ich hätte noch ne Frage :roll:
Bei der Ansicht eines beitrages kommt es vor bei meiner Bildschirmauflösung 800 x 600, dass - wenn jemand viele Buttons unten hat (Profil, Nichpage, YIM, YAM und was weiss ich noch.), dann ragt ein Button rechts aus dem Forum raus . wie hier:
http://kissfanshop.ki.funpic.de/phpbb2/ ... =9130#9130
es liegt am letzten ICQ Button (javascript)
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? Weiss das vielleicht jemand ?

[oxpus]

Das Problem bei dem ICQ-Button ist, daß er in das HTML-Dokument reingeschrieben wird und das per Javascript.
Damit erreicht man zwar, daß der Online-Status angezeigt wird, aber solltest Du darauf verzichten können, dann ersetze in der viewtopic_body.tpl

Code: Alles auswählen

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

mit

Code: Alles auswählen

{postrow.ICQ_IMG}

und der Button wird auch bei kleineren Bildschirmauflösungen umgebrochen.

[Kiss News]

und was macht diese Änderung (Verzicht auf javascript) aus? was ist überhaupt ICQ?
Du meinst bei ICQ wird dadurch der online-Status angezeigt?

[oxpus]

ICQ ist einer der bekanntesten Messenger Dienste.
Und ja, das Javascript ändert das Icon von einer grünen "Blüte" in eine rote, wenn der User im ICQ-Netz aktiv ist.
Wobei glaub ich, die Adresse mittlerweile auch geändert werden müsste.
Wenn Du das nicht brauchst oder darauf verzichten kannst, dann nimm das Javascript raus und das Layout passt wieder.

[Kiss News]

verstehe, und sonst gibt es keine Möglichkeit?
was hat denn eigentlich javascript damit zu tun, ob es einen Zeilenumbruch gibt oder nicht? was ist, wenn ich den ICQ Button als ersten Button nehme, dann ist der ja immer in der ersten Zeile. oder hat das javascript des ersten Buttons Einflus darauf, ob der letzte Button in die nächste Zeile bei Bedarf übergeht oder nicht?

[oxpus]

Per Javascript wird der Button an eine bestimmte Position gesetzt. Daher bricht er nicht um, sondern läuft rechts raus.
Das wäre geschickter gelöst, wenn man den Status per PHP abfragen würde, aber genau das lässt ICQ wieder nicht zu.
Und daher musst Du einen Kompromiss eingehen: Code ändern für Umbruch oder eben den Layout-Fehler.

[Kiss News]

also an einer bestimmten Stelle, was meinst Du damit ?
beim einen ist er der 7. Button, beim anderen ist er der 8. Button (wobei der aus dem Forum ragt).
macht er nur bei dem Button keinen Zeilenumbruch (mit javascript)?
warum funktioniert das nicht, wenn ich den ICQ Button an die 5. Stelle gebe, sodass er maximal der 5. Button sein kann. was hat denn das damit zu tun, on nun nach dem 7. Button ein Zeilenumbruch kommt oder nicht? Beim 7. Button ist ja kein Javascript. oder funktioniert bei javascript dann prinzipiell kein Zeilenumbruch mehr auf der ganzen Seite?

EDIT: übrigens: ich habe es mal ohne javascript probiert, da kommt auch kein Zeilenumbruch... es ragt zwar nicht mehr aus dem Forum raus, dafür wird das Forum breiter und scrollen muss ich genauso...

[cback]

Hmm da kann man in Deinem Fall nichts machen da es zu viele Buttons gibt. Einzige möglichkeit: Ersetze die Messenger-Buttons nur durch das Messenger Icon, dann steht da nicht mehr |(*) ICQ| sondern nur noch die blume, bei AIM, MSN, etc. machst Du das dann genau so.

Gegen Linkprobleme mit dem ICQ Button und gegen JavaSkript fehler hilft mein Extended ICQ Info Mod (und für Memberlist und Profil das Add On zu dem mod) beides gibts wenn Du in meiner Signatur auf "Meine Mods" klickst. Viel Spaß.

[Kiss News]

Danke für die Info. Werde mal Deine Mods ansehen