Tabelle zentrieren

Webdesign & Technik HTML & CSS
1

Hallo community,

folgendes ich habe ein kleine tabelle und hab ein problem mit dem zentrieren der tabelle, dies ist linksbündig:

echo "<p><b>Regionalverb&auml;nde:</b></p>\n";
echo "<table class=\"table_zentrieren\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"2\">\n";
echo "<tr>\n";
echo "<td><table width=\"180\" height=\"180\" border=\"1\"><tr><td><a class =\"links\" rel=\"oeffneneuesfenster\" href=\"http://www.nttv.de/\" title=\"Norddeutscher TTV\">Norddeutscher TTV<br /><br/><img src=\"bilder/links/norddeutscher_tt_verband.gif\" width=\"101\" height=\"100\" alt=\"Norddeutscher_TTV\" /></a></td></tr></table></td>\n";
echo "<td><table width=\"180\" height=\"180\" border=\"1\"><tr><td><a class =\"links\" rel=\"oeffneneuesfenster\" href=\"http://suedttv.ttvwh.de/\" title=\"S&uuml;ddeutscher TTV\">S&uuml;ddeutscher TTV<br/><br/><img src=\"bilder/links/sueddeutscher_tt_verband.gif\" width=\"130\" height=\"99\" alt=\"S&uuml;ddeutscher_TTV\" /></a></td></tr></table></td>\n";
echo "<td><table width=\"180\" height=\"180\" border=\"1\"><tr><td><a class =\"links\" rel=\"oeffneneuesfenster\" href=\"http://www.swttv.de\" title=\"S&uuml;dwestdeutscher TTV\">S&uuml;dwestdeutscher TTV<br /><br/><img src=\"bilder/links/suedwestdeutscher_tt_verband.gif\" width=\"89\" height=\"100\" alt=\"S&uuml;dwestdeutscher TTV\" /></a></td></tr></table></td>\n";
echo "<td><table width=\"180\" height=\"180\" border=\"1\"><tr><td><a class =\"links\" rel=\"oeffneneuesfenster\" href=\"http://www.wttv.de/\" title=\"Westdeutscher TTV\">Westdeutscher TTV<br /><br/><img src=\"bilder/links/westdeutscher_tt_verband.gif\" width=\"153\" height=\"55\" alt=\"Westdeutscher TTV\" /></a></td></tr></table></td>\n";
echo "</tr>\n";
echo "</table>\n";

table_zentrieren sieht folgendermaßen aus:

.table_zentrieren{
margin:auto;
}

ich verlinke ja text und die dazugehörige grafik, leider unterstreicht er die grafik. kann ich dies irgendwie beheben? wahrscheinlich werde ich text und grafik trennen und die links unterschiedlich im css definieren müssen oder?

mfg tobsp

EDIT: das mit dem Zentrieren hat sich erledigt, ich habe einfach eine neue table class definiert. nur das mit den unterstrichenem dass hab ich noch nciht in griff bekommen

2

[quote=“tobsp”]
ich verlinke ja text und die dazugehörige grafik, leider unterstreicht er die grafik. kann ich dies irgendwie beheben? wahrscheinlich werde ich text und grafik trennen und die links unterschiedlich im css definieren müssen oder?

mfg tobsp

EDIT: das mit dem Zentrieren hat sich erledigt, ich habe einfach eine neue table class definiert. nur das mit den unterstrichenem dass hab ich noch nciht in griff bekommen[/quote]

Versuche mal folgendes:

Damit wird bei allen Grafiken, welche sich innerhalb des a-Tags befinden, die Rahmen unterdrückt.

3

jein, scheint nicht die ganze lösung des problems zu seien.

siehe hier: ttc-tobi.bplaced.net/test_menu/links.php

4

Schade, versuche es mal mit text-decoration:none. Hoffentlicht hilft das.

PS: Dir habe ich doch mal das Programm zum Generieren von Bildergalerien geschickt, wenn ich mich nicht irre. Konntest du es einsetzen.

5

text-deoration: none habe ich auch schon eingebaut, hilft auch nichts.

@PS:. hab sie noch nicht eingesetzt, kommt aber demnächst noch, eins nach dem anderen :slight_smile:

6

Du meinst doch den schwarzen Rahmen, oder? Dieser hängt nicht nur an der Grafik. Hast du im CSS für TD eine Formatierung vorgenommen? Kannst du es mal hier posten?

PS: Deine Tabelle ist sehr unübersichtlich. Besser wäre:

[code]

[/code]

PPS: Hab was neues für die Galerie: http://www.pixlie.de/demo

7

nein ich meine nicht den rahmen sondern direkt unter der grafik ist ein schwarzer strich

8

Jetzt sehe ich es. Im IE7 wird nämlich kein Strich angezeigt, nur im FF.

Poste bitte mal dein CSS. Vielleicht finde ich was.

9

Versuch mal das Bild und den Text nicht in den gleichen -Tag reinzuschreiben
also so:

<a class =\"links\" rel=\"oeffneneuesfenster\" href=\"http://www.nttv.de/\" title=\"Norddeutscher TTV\">Norddeutscher TTV</a><br /><br/><a href=\"http://www.nttv.de/\" title=\"Norddeutscher TTV\"><img src=\"bilder/links/norddeutscher_tt_verband.gif\" width=\"101\" height=\"100\" alt=\"Norddeutscher_TTV\" /></a>

Bei dem Link für den image-Tag dann am besten die Klasse weglassen. Hast du dort vll. sogar explizit festgelegt, dass alles unterstrichen werden soll?

10

stimmt, ie6, ie 7 und ie 8 zeigt ihn nicht an, aber ff.

komisch dass erste mal dass nicht der ie rumzickt sondern ff

11

Hi tobsp,

solange ein Bild auch ein Link ist, wird es automatisch unterstrichen (Grundeinstellung), es sei denn, man definiert a:link {text-decoration:none; }. Dann wären natürlich alle Links ohne Unterstrich.
Du kannst die img-Tags auch hinter die -Tags plazieren, dann dienen sie aber nicht mehr als Links.
Wenn beides funktionieren soll, müßte man wahrscheinlich die Links doppelt anlegen und für die Bilder eine eigene a-Klasse definieren.

Gruß ~ Vera

12

Sieht mir nicht so aus, als hättest du verstanden, wozu
Tabellenelemente in (X)HTML gut sind. Soweit ich den Quelltext
durchschaut habe, sind die hier komplett überflüssig - schon das
Verschachteln von Tabellen ist sehr verdächtig.
Mein Vorschlag also: Alle Tabellen weg und das nochmal
ordentlich machen, schon um solche Peinlichkeiten, aber auch
diverse andere Probleme zu vermeiden.