Tabelle: Ich steh aufm Schlauch

[Maquita]

Hallöchen! Ich kämpfe jetzt schon seit zwei Stunden mit einer Tabelle.... Und zwar hätte ich gerne, dass das ganze so aussieht wie auf dem Bild (siehe Anhang)!
Im Moment sieht es aber so aus!

Ich krieg's echt nicht auf die Reihe, da ich sonst mit Tabellen eigentlich nicht viel am Hut hab! Kann mir vielleicht jemand auf die Sprünge helfen?

[LANtastic]

Also wenn ich das so auf die Schnelle richtig gesehen habe, könnte der Fehler darin liegen, daß du keine Breiten angibst.

Was ich meine ist folgendes :

Das Bild hat eine bestimmte Breite, Also gib diese Breite auch im width, sowie die Höhe im height-Attribut an.
Die selben Angaben musst du auch in die Tabelle schreiben.

Was dich vermutlich verzweifeln lässt, ist der Bereich mit den Kreuzen. Damit dieser ebenfalls die korrekte Breite anzeigt, musst du dort der Tabelle ebenfalls exakt die selben Breiten geben, wie auch der oberen Tabelle.

Tust du das nicht, hat die Tabelle immer die Höhe und die Breite des Inhalts.

[beka]

soviel ich hier erkennen kann würde ich in den Tabellenzellen auch mit padding arbeiten

und setz bei der oberen Tabelle den border auf 0.

Gruß
Bernd

[Maquita]

Was dich vermutlich verzweifeln lässt, ist der Bereich mit den Kreuzen.

Du sagst es! Ich hab jetzt allen drei Tabellen die gleiche Breite gegeben, aber die Kreuzchen sind zu kurz! Und die Anordnung ist auch eher chaotisch...die sollte nach Möglichkeit den gleichen Abstand haben und mittig unter dem Bild sein...

und setz bei der oberen Tabelle den border auf 0.

Das hatte ich extra gemacht, damit ich sehr woran der Fehler liegt!

[LANtastic]

Ok, dann mal eine andere Frage :
Muss es unbedingt sein, daß du mehrere Tabellen verwendest ?

Kannst nicht einfach alles in nur eine Tabelle packen ? Damit wärst du das Problem recht flott los.

Und ich meine nicht, daß du die bereits vorhandenen Tabellen in eine weitere Tabelle packst, sondern wirklich alles in eine einzige NEUE Tabelle.

[Maquita]

Dann hab ich nach wie vor das Problem mit den Kreuzchen! Die sind dann zu weit auseinander...Deshalb hatte ich ja mehrere Tabellen gemacht...

[Screensize]

Eine Idee wäre vielleicht transparente Gifs vor und hinter den Kreuzchen einzufügen und dann mittels width Attribut die Kreuzchen zusammenzudrücken. Müsste aber auch gehen wenn du vor und hinter den Kreuzchen eine leere Zelle einfügst (nur ein leerzeichen drin) und diesen Zellen dann die entsprechende Weite (width) gibst.

Grüße Rico

[LANtastic]

@Screensize
Neee, davor kannste nicht machen, weil dann die Links auf den Kreuzchen nicht mehr erreichbar sind.

@Maquita
Was ich nicht verstehe, ist warum die Kreuzchen dann zu grosse Abstände haben. Das kann nicht sein, wenn du innerhalb der Zeile mit den Kreuzchen KEINE weiteren Zelle hast.

Da darf nur eine Zelle drin sein, deren Inhalt zentriert dargestellt wird. Dann pappen die Kreuzchen aneinander.

----

Alternative (recht umständlich) :
Du weisst, die obere Tabelle ist 300px breit (NUR als Beispiel)
du weisst, ein Kreuzchen ist 20px breit und 20px hoch und du hast 6 Stück davon.
Also 6x20px = 120px.

noch mehr Mathe
300px Tabellenbreite - 120px Kreuzchenbreite = 180px

Diese 180px nun noch durch 2 teilen und du weisst nun den Abstand link und rechts von den Kreuchen zum Tabellenrand.

Erstelle eine 1x1px grosse Grafik, die Transparent ist und binde sie jeweils links und rechts von den Kreutzchen ein.

Sollte dann ca. so aussehen:

<tr>
  <td>
    <img src="spacer.gif" height="20" width="90">
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <a href="#"><img src="kreuz.gif" height="20" width="20"></a>
    <img src="spacer.gif" height="20" width="90">
  </td>
</tr>

[Radoo.de]

.

[Maquita]

Oh vielen Dank! Das hat mir echt weitergeholfen! Daaaaaaaanke!