Mit Tabelle bilder Lückenlos zusammen fügen

[Nalamar]

Hallo, ich möchte für Meine Homepage gern ein Menü machen. Bestehen sollds aaus ne Tabelle mit 3 Spalten. 1 und 3 spalte soll nen bild beinhalten was als Rahmen dienen soll, in di emitte soll der Link.
Wenn ich nun aber mehrer zeilen mache entsteht immer ein abstand zwischen den Bilden unterhalbund oberhalb, was halt dazu führt das die nicht zusammen hängen.

Kann mir wer sagen wie ich das ändere ?
habs mt border=0 versucht, cellspacing und die ganzen sachen auch auf 0,
habs mit diversen CSS Commands verscuht aber keiner hat mich ans ziel gebrahct. Hab auch keine Whitespaces mehr drin ...

Hat wer noch nen Tipp für mich ?

Danke Nala

P.S.: MIt FIrefox und IE getestet, beide das gleiche Problem

<table border="0">	
	<tr><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td><td align="center">Startseite</td><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td></tr>
	<tr><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td><td align="center">Kurzbericht</td><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td></tr>
	<tr><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td><td align="center"><b>News</b></td><td align="center"><img src="images/mensid.gif" width="8" border="0" vspace="0" hspace="0"></td></tr>
</table>

[Schwarze Piste]

Tach Post!

Mein Tipp wäre (neben UL statt TABLE):

table {border-collapse: collapse;}
td {padding:0;}
td img {display:block;}

Gruß

Schwarze Piste

[Nalamar]

Zitat von Schwarze Piste

table {border-collapse: collapse;}
td {padding:0;}
td img {display:block;}

Das hat mal nix gebracht ... vielleicht stell ich mich aber auch zu dumm an ... könntest mal eine Zeile aus dem was ich oben geschrieben hab mit den Tags die du genannt hast schreiben, damit ich seh das ich da kein fehler gemacht habe.

Zitat von Schwarze Piste

Mein Tipp wäre (neben UL statt TABLE):

Ok, wenn das damit auch gaht das ich damit nen schönen rahmen um das ganze menü zaubern kann würd ich auch dafür gern nen Beispiel nehmen ....

aussehen soll das ganze irgendwann mal so:
Bild - Bild - Bild
Bild - Link - Bild
Bild - Link - Bild
Bild - Link - Bild
Bild - Bild - Bild

Danke,
Nala

EDIT: Ah ... jetzt fällts mir wie schuppen von den augen .. die befehle gehören in die css datei und nicht als inline befehle da rein, oder ?

[martinR]

HI,

wie hoch sind denn Deine Bilder? Du hast kein "height" angegeben. Und evtl. ist ja die Schrift in der zweiten Spalte größer/höher als die img.

Und dann noch

<table width="123px" border="0" cellspacing="0" cellpadding="0">

Du könntest das ganze auch mit Fireworks erstellen und dann als html ausgeben. Dann den Quelltext anschauen und sehen wo es fehlt

cu

Martin

[321]

Zitat von martinR

Du könntest das ganze auch mit Fireworks erstellen und dann als html ausgeben. Dann den Quelltext anschauen und sehen wo es fehlt

Ich weiss, dass ich meine Signatur nie ändern werde!

[Nalamar]

Zitat von martinR

Du könntest das ganze auch mit Fireworks erstellen und dann als html ausgeben. Dann den Quelltext anschauen und sehen wo es fehlt
Martin

1. Hba ich Fireworks nicht, 2. ist mir das erstellen mit dem Editor einfach sinnvoller weil ich dabei was lernen will und nicht kopieren.

Also mit den CSS Befehlen gehts mal grundsätzlich, die Bilder waren schon so erstellt das das gut hinhaut mit der 8er witdh.

Hat auch grundsätzlich gut zum erfolg geführt ...
Da man ja aber überall liest Tabellen sind mies zum Layouten wird ich mich freuen wenn mir wer nen Link zu nem Beispiel, oder hier nen Beispiel bringen kann wie ich mein Problem so löse, wie ich mir das so vorstelle

Nala

[321]

Ist es wirklich immer dasselbe Bild, mensid.gif?
Dann kannst Du daraus eines in der Breite machen, dass der längste Linktext dazwischen Platz hat und es dann als Hintergrund in einem Menu mit <ul> <li> verwenden.
Beispiele für diese Form eines Menus findest Du hier viele.

[Nalamar]

Das wär quasi kein soo schlechte idee, wenn ich mir net vorgommenhätte den hintergrund andersfarbig zumachen bzw auch mit ner struktur zu unterlegen ... die mensid.gif sieht ähnlich aus wie der background, nur dunkler ...