Buttonleiste zerrissen?

PHP, Ajax, CSS, HTML, Javascript
Eben für die wirklich Harten, die alles selber machen.
Antworten
Benutzeravatar
Dungeonwatcher
Beiträge: 1055
Registriert: Sa 19.Feb, 2005 01:16
Wohnort: Berlin
Kontaktdaten:

Buttonleiste zerrissen?

Beitrag von Dungeonwatcher »

Hi! :cool:

Ab und zu wird in meinem Forum in der Topicansicht die Menüleiste nicht sauber angezeigt. D.h. die Buttons sind nicht direkt nebeneinander, sondern weisen einen gleichmäßigen Abstand auf. (siehe angehängtes Bild). Nach einem reload der Seite ist wieder alles bestens. Der dazugehörige Code ist dieser:

Code: Alles auswählen

  <tr> 
    <td align="left" nowrap="nowrap"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" alt="{L_POST_NEW_TOPIC}" title="{L_POST_NEW_TOPIC}" /></a><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" hspace="8" title="{L_POST_REPLY_TOPIC}" /></a></td>
    <td align="right" width="15"><a href="{U_VIEW_OLDER_TOPIC}" title="vorheriges Thema"><img src="templates/FiBlack/images/topic_previous.gif" border="0" alt="topic_previous.gif" /></a></td>
    <td align="right" width="18"><a href="#top"><img src="templates/fiblack/images/icon_up1.gif" alt="{L_BACK_TO_TOP}" width="18" height="25" title="{L_BACK_TO_TOP}" /></a></td>
    <!-- BEGIN switch_user_logged_in -->
	<td align="right" width="24"><a href="{U_SEARCH}"><img src="templates/fiblack/images/topic_search.gif" alt="{L_SEARCH}" width="24" height="25" title="im Forum suchen" /></a></td>
    <!-- END switch_user_logged_in -->
    <td align="right" width="24"><a href="{U_PRINT}" target="_blank" title="Druckvorschau"><img src="templates/FiBlack/images/topic_print.gif" border="0" alt="topic_print.gif" /></a></td>
    <td align="right" width="24"><a href="{DOWNLOAD_TOPIC}" title="{L_DOWNLOAD_TOPIC}"><img src="templates/FiBlack/images/topic_save.gif" border="0" alt="topic_save.gif" /></a></td>
    <td align="right" width="24">{S_EMAIL_TOPIC}</td><td align="right" width="30">{S_BOOKMARK_TOPIC_IMG}</td>
    <td align="right" width="18"><a href="#down"><img src="templates/fiblack/images/icon_down1.gif" alt="{L_BACK_TO_DOWN}" width="18" height="25" title="{L_BACK_TO_DOWN}" /></a></td>
    <td align="right" width="15"><a href="{U_VIEW_NEWER_TOPIC}" title="n&auml;chstes Thema"><img src="templates/FiBlack/images/topic_next.gif" border="0" alt="topic_next.gif" /></a></td>
  </tr>
Was läuft da falsch?
Dateianhänge
Fehler1.gif
Fehler1.gif (9 KiB) 1197 mal betrachtet
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Ganz einfach:
Du hast eine Tabelle mit je einer Spalte je Button definiert.
Wenn die Tabelle nun nicht korrekt in der Breite dargestellt werden kann, zerpflückt der Browser die darzustellende Navi.

Besser alle Links mit den Button direkt ohne Tabelle nur als Links angeben, dann klappt es immer mit dem Nachbarn.
Dabei muss aber jeder Link hintereinander in einer Code-Zeile stehen.
Dadurch wird die betreffende Zeile dann entsprechend lang, das Ergebnis ist aber eine immer korrekt angezeigte Navi...
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Antworten