Bilder Positionierung mit CSS

[Marie]

Hallo,

ich möchte zwei blasen (gif bilder) die miteinander durch ein Strich verbunden sind einbauen.  Auf jedem Bild ist ein Stückschen von dem Strich und ich will die Bilder nebeneinander stellen um den Eindrück zu vermitteln, dass der Strich nicht unterbrochen ist.

Wenn man auf die Bildern mit dem Mause geht, ändert sich die Farbe.(deswegen, glaube ich, brauche ich zwei Bildern)

Mein Probelm:

1)Wenn ich die Bildern in eine Tabelle einbauen, gibt es ein abstand zwischen die. (Schlecht!!)

2)Wenn ich css benutzt kann ich meine bilder nicht in der Mitte haben(meine Seite hat eine relative Breite)

Wie soll ich am besten umgehen?

Vielen Danke für ihre Hilfe.

[Markus Thomas]

Hallo,

1)Wenn ich die Bildern in eine Tabelle einbauen, gibt es ein abstand zwischen die. (Schlecht!!)

Schlecht ist dann nur Deine Tabelle. Versuch es so:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <img src="left.gif" ...>
    </td>
    <td>
      <img src="right.gif" ...>
    </td>
  </tr>
</table>

Gruß Markus

[Patrick Andrieu]

Hallo Markus!

<td>
      <img src="left.gif" ...>
    </td>
    <td>
      <img src="right.gif" ...>
    </td>

So kriegt er auf jeden Fall einen Abstand zwischen den Bildern. Denn: jeder Return wird im Browser durch ein Leerzeichen dargestellt. Besser ist's so:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="left.gif" ...></td>
    <td><img src="right.gif" ...></td>
  </tr>
</table>

Die Zellen mit den Bildern in einer Zeile scheiben!

Grüße,
Patrick

[Mel]

Hi Marie,

Es sollte kein Problem sein, die Bilder ohne Abstand in einer Tabelle zu haben.

Wichtig - im <Table>-tag cellpadding=0 und cellspacing=0 setzen:
<table border="0" cellpadding="0" cellspacing="0">

Ausserdem achte mal darauf, dass keine Leerzeichen zwischen den beiden Bildern sind, also die beiden <img..>-tags direkt hintereinander kommen.

Gruss, Mel