Html Code für eine laufende Tabelle

Hallo,

ich habe eigentlich nur eine kleine Frage,
ich habe mir eine HTML-Tabelle erstellt in Form von zusätzlichen Navigations-Button.
Diese ist auch schon im Forum intregiert. Ich weiss, dass es ein Code gibt den man einfügen
kann, wo sich die Tabelle in meinem Fall die Buttons mit dem Bild (seitliche verschiebung)
verschieben.
Beispiel:
Ich verkleiner meine Seite und schiebe diese nach links, die Button sollen dann mit mit nach
links wandern. Und die Seite soll nicht quasi über die Button fahren.

Ziel ist es das meine Button immer angezeigt werden und nicht, wenn ich meine Auflösung
verändere, der vielleicht ganz rechte Button nicht zusehen ist.

Welchen Code brauche ich dafür und wo genau muss ich diesen einsetzen.

LG

Christian

Hallo Christian,

das Besondere an einer Tabelle ist eben gerade, feste Strukturen zu erhalten, die Umbrüche der Zellen selbst o.ä. nicht zulassen.
In deinem Fall würde ich die verlinkten Buttons einfach direkt einsetzen, ohne eine umgebende Tabelle, aber weiterhin innerhalb der center-Tags.
Dadurch werden sie bei einer geringen Auflösung automatisch so angepasst, dass sie weitmöglichst nebeneinander sichtbar sind (d.h. auch "nach links verschoben" werden, wie du es formulierst) - und bei wirklich nicht mehr ausreichendem Platz automatisch vom Browser umgebrochen werden, sodass die bisher abgeschnittenen Buttons automatisch unter den restlichen angezeigt werden.

Die Tabelle ist in diesem Fall also weder nötig noch zielführend.

Liebe Grüße
Günther

Ich glaube aber doch Günther, sorry hatte noch vergessen zu erwähnen das ich diese Button in "Nachricht auf der Startseite" eingefügt habe, weil dort auch HTML zugelassen ist. Daher musste ich das mit HTML umsetzen und daher bräuchte ich so einen Code

Ich habe schon nachgesehen, wo sich die Buttons befinden.

Wie gesagt besteht die Lösung darin, die Tabelle zu entfernen, die du dort aktuell eingesetzt hast, und nur die verlinkten Buttons stehen zu lassen. Das heißt, du entfernst alle <table>/<tr>/<td> Tags (natürlich inkl. der abschließenden), sodass nur mehr die Links mit den eingeschlossenen Bildern übrig bleiben.
Einen speziellen Code benötigst du eben nicht, weil das der Browser von selbst erledigen wird, sobald du die feste Tabellenstruktur entfernt hast.

Ok danke Günther

Ich verstehe nur dann nicht, wie ich die Button ausrichten soll ohne Codes. Wie krieg ich dann z.B. die Abstände hin? und wo die genau stehen sollen? Gut Zentrieren is klar mit [center] und der Rest?

Genau darum geht es: Die center-Zentrierung (aber bitte mit HTML <center> und nicht BBCode [center] ) reicht vollkommen aus. Dazwischen setzt du die verlinkten Buttons genau so ein, wie du sie aktuell bereits erfolgreich mit HTML eingesetzt hast. Du musst doch nur deinen aktuellen Code genau so behalten und einfach die Tabellenelemente daraus entfernen, das war es schon.

Ausrichten musst du ansonsten nichts mehr. Aktuell hast du ja auch keine besonderen Abstände zwischen den Buttons festgelegt, weil du die Zellen sehr schmal bestimmt hast. Da wird es nicht auffallen, dass die Tabelle weg ist - abgesehen davon, dass die Buttons bei einer zu geringen Auflösung automatisch umgebrochen werden.
Nochmals: Entferne einfach mal die Tabelle und belasse den restlichen Code genau so, wie du ihn eingesetzt hast. Dann wirst du sehen, dass dein Anliegen damit bereits erledigt ist.

Jawoll, hat geklappt

Manchmal kann es auch einfach sein

Vielen lieben dank Günther


PS: Wäre nett wenn Du auch mal bei Dir kurz testen kannst, ob es auch bei Dir geht



EDIT:

Jetzt sehe ich gerade das wenn ich irgendein Link im Forum mit dem Mauszeiger überstreife, dann werden ALLE Links markiert.
Das muss was mit dem Code zu tun haben, war vorher nicht.

Hier mal den Code, den ich jetzt drin habe, habe ich was falsch gemacht?

<center><br><br>

<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f37-1bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button22.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f38-2bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button23.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f40-dfb-pokal"><img src="https://i.servimg.com/u/f16/17/63/79/66/button24.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f41-champions-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button25.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f49-europa-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button26.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f53-dfb-team"><img src="https://i.servimg.com/u/f16/17/63/79/66/button27.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f54-fussball-allgemein"><img src="https://i.servimg.com/u/f16/17/63/79/66/button28.png" border="0" width="152" height="25">
</tr>
</center>

Siehst du, darauf wollte ich hinaus.

Bitteschön, Christian.
Auch bei mir ist das Ergebnis wie gewünscht. Dann kannst du ja das -Icon setzen.

Schau mal bitte mein Edit

Du hast nicht alle Tabellentags entfernt.

<center><br><br>

<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f37-1bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button22.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f38-2bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button23.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f40-dfb-pokal"><img src="https://i.servimg.com/u/f16/17/63/79/66/button24.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f41-champions-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button25.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f49-europa-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button26.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f53-dfb-team"><img src="https://i.servimg.com/u/f16/17/63/79/66/button27.png" border="0" width="132" height="25">
<td align="center" width="14,2%"><a href="http://zebraticker.aktiv-forum.com/f54-fussball-allgemein"><img src="https://i.servimg.com/u/f16/17/63/79/66/button28.png" border="0" width="152" height="25">
</tr>
</center>

Ok, wusste nicht das die auch weg müssen.

Habe es jetzt entfernt, ist aber immernoch so. Siehst Du denn was ich meine?

Hier mein jetziger Code

<center><br><br>

<a href="http://zebraticker.aktiv-forum.com/f37-1bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button22.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f38-2bundesliga"><img src="https://i.servimg.com/u/f16/17/63/79/66/button23.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f40-dfb-pokal"><img src="https://i.servimg.com/u/f16/17/63/79/66/button24.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f41-champions-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button25.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f49-europa-leaque"><img src="https://i.servimg.com/u/f16/17/63/79/66/button26.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f53-dfb-team"><img src="https://i.servimg.com/u/f16/17/63/79/66/button27.png" border="0" width="132" height="25">
<a href="http://zebraticker.aktiv-forum.com/f54-fussball-allgemein"><img src="https://i.servimg.com/u/f16/17/63/79/66/button28.png" border="0" width="152" height="25">
</center>

Sorry, da habe ich nicht mehr genau genug hingesehen: Du hast ja auch alle abschließenden </a> - Tags vergessen.
Schau dir nochmal an, wie das Schema für verlinkte Grafiken aussehen sollte, und du wirst sehen, dass du jeweils diese abschließenden Tags vergessen hast:
https://hilfe.forumieren.com/t8883-bild-als-link-buttons-banner#49062

Jo, super jetzt ist es gut.

Die Tags habe ich in der Tat vergessen, aber ende gut alles gut.


Vielen lieben dank Günther, wie immer perfekt.

Schönen abend noch und gute Nacht

Freut mich, dass du zu deinem Ziel gelangt bist. Gerne.

Dir ebenfalls eine gute Nacht, Christian.
-closed-