[HTML] Positionierung eines Bildes in einer Tabelle

**maynard**

Tach...

Ich habe eine Tabelle, die runde Ecken erhalten soll, also hab ich mir 4 Bilder gebastelt, die in die Ecken kommen, allerdings wird zb. das Bild für die linke obere Ecke nicht so dargestellt (zumindest im IE, der einzige Browser auf meinem Testrechner) wie sie sollte (siehe Anhang).

Hier mein HTML u. CSS Code:

markieren

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

  <head>

    <title></title>

    <link rel="stylesheet" type="text/css" href="style/default.css">

  </head>

  <body>

    <table class="tbl_main">

      <tr>

        <td>

          [img]gfx/rcorner_ul.bmp[/img]

        </td>

      </tr>

    </table>

  </body>

</html>

markieren

Code:

			body {

  background-color: #71828A;;

  margin-top:                 5%;

  margin-bottom:              5&;

  margin-left:                2%;

  margin-right:               2%;

}

.tbl_main {

  table-layout:               fixed;

  background-color:           #ffffff;

  width:                      100%;

  padding-left:               0px;

  border-spacing:             0px;

  border-width:               1px;

  border-style:               solid;

  border-color:               #000000;

  vertical-align:             top;

  text-align:                 left;

  line-height:                8px;

}

.td_menu {

}

.td_content {

}

Woran liegts eigentlich?

MfG

**Pr0g**

Pack folgendes in deine "tbl_main" Klasse:

markieren

Code:

border-collapse: collapse;

MfG Pr0g

**alcaeus**

Hallo maynard,

ich habe schon vor einiger Zeit festgestellt dass die css-Angaben fuer Padding und border-spacing wohl nicht so funktionieren wie die HTML-Angaben cellspacing und cellpadding. Nachdem die beiden Angaben auch in XHTML 1.0 Strict noch erlaubt waren (ja, dort ist auch noch was erlaubt

), hab ich einfach die verwendet, und siehe da: es funktioniert.
An deiner Stelle wuerde ich einfach das machen.
Weiters wird das Tabellenlayout von einigen Browsern gewaltig durcheinandergebracht, falls du das img-Tag nicht in die gleiche Zeile setzt wie die td-Tags. Aus dem hier:

markieren

Code:

			<td>

  [img]...[/img]

</td>

musst du also das hier machen:

markieren

Code:

Greetz
alcaeus

**Pr0g**

@alcaeus: Nutz "border-collapse" für "cellspacing".

**alcaeus**

Zitat von Pr0g:

@alcaeus: Nutz "border-collapse" für "cellspacing".

Nicht wirklich. Bei Border-collapse kann ich nur sagen, ob nebeneinanderliegende Zellen einen oder zwei Raender haben sollen. cellspacing sagt, wie viele Pixel zwischen allen Zellen sind. Das hat ueberhaupt nichts mit dem Rahmen zu tun...

Greetz
alcaeus

**Pr0g**

Wenn du "cellspacing" auf "0" machst, hast du keinen Abstand mehr zwischen den Zellen. Machst du "border-collapse" auf "collapse" (werden die Rahmen verbunden) und du hast auch keinen Abstand mehr zwischen den Zellen. Es bringt also den gleichen Effekt, nur das die Rahmen zusätzlich verbunden wurden, was meist aber sowieso gewünscht ist

**alcaeus**

Das schon, aber border-collapse ist kein Ersatz fuer cellspacing, denn sobald cellspacing auf 5 ist guckst du mit border-collapse hinterher

Aber das wird hier irgendwie sehr OT

Greetz
alcaeus

**maynard**

Tach...

Mein Problem scheint damit gelöst!

@Pr0g
Die HP wird in deinem Editor erstellt den ich übrigens sehr gut finde. Zwar noch mit ein paar kleinen Bugs behaftet und einige Features könnten noch nachgerüstet werden, aber ansonsten spitze!

@alcaeus
Das versteh ich jetzt nicht ganz. Wenn man den Zellenabstand auf einen Wert > 0 setzt ist doch eben dieser Abstand gewünscht. Und wie ich im Thread gelernt hab, gibt man mit border-collapse an, ob man einen Rahmen um jede Zelle haben möchte. Welche Problem können dann noch auftreten?

**maynard**

Tach...

Also das Problem ist doch nicht gelöst. Wenn ich ich border-collaps auf collapse setze und border-spacing auf 0, dann schauts so aus, wie im Anhang. Auch wenn ich direkt im HTML - Code das cellspacing Attribut auf 0 setze ändert sich nicht mehr als bei der ersten Variante.

**Pr0g**

Ich versuche mal auf die Frage zu antworten.

Mit "cellspacing" gibst du (unabhängig ob es einen angezeigten Rahmen gib oder nicht) die Anzahl der Pixel zwischen den Zellen an. Wenn du den Wert auf 0 setzt, denn gibt es dort keinen Abstand mehr. Diesen Effekt kann man mit "border-collapse:collapse" auch erreichen, dieses Attribut ist aber eigentlich nicht dafür vorgesehen, sondern nur zur Angabe, ob man die Rahmen verbunden haben will oder nicht. Die normale CSS Alternative für "cellspacing" wäre "border-spacing", welche jedoch zu CSS 2 gehört und nicht von allen Browsern unterstützt wird. Dies ist meist kein Problem, da ein Zellenabstand von 0px gewünscht ist. Falls man nun aber einen Zellabstand > 0px haben will, ist dies ja mit "border-collapse" nicht machbar, daher bleibt nur das normale "cellspacing".

Das "cellspacing" auch in XHTML 1.0 Strict noch erlaubt ist wusse ich nicht.

[HTML] Positionierung eines Bildes in einer Tabelle

[HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Re: [HTML] Positionierung eines Bildes in einer Tabelle

Forumregeln

Pr0g Registriert seit: 21. Mai 2004 809 Beiträge Delphi 7 Personal	#2 Re: [HTML] Positionierung eines Bildes in einer Tabelle 23. Feb 2005, 18:07 Pack folgendes in deine "tbl_main" Klasse: markieren Code: border-collapse: collapse; MfG Pr0g
	Zitat

Pr0g Registriert seit: 21. Mai 2004 809 Beiträge Delphi 7 Personal	#4 Re: [HTML] Positionierung eines Bildes in einer Tabelle 23. Feb 2005, 19:07 @alcaeus: Nutz "border-collapse" für "cellspacing".
	Zitat

alcaeus Registriert seit: 11. Aug 2003 Ort: München 6.537 Beiträge	#7 Re: [HTML] Positionierung eines Bildes in einer Tabelle 23. Feb 2005, 20:05 Das schon, aber border-collapse ist kein Ersatz fuer cellspacing, denn sobald cellspacing auf 5 ist guckst du mit border-collapse hinterher Aber das wird hier irgendwie sehr OT Greetz alcaeus Andreas B. Die Mutter der Dummen ist immer schwanger. Ein Portal für Informatik-Studenten: www.infler.de
	Zitat