Marcel: Vorgetäuschte Tabellenecke (Bild) korrekt mit Tabelle verbinden

SELF-Forum

Vorgetäuschte Tabellenecke (Bild) korrekt mit Tabelle verbinden

Marcel Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo!

Verzweifelt versuche ich eine Tabelle zu generieren, bei der die linke obere Ecke durch ein Bild gebildet wird.

im IE sieht das auch voll ok aus, aber bei den Mozillas läuft da was schief. Da liegt der obere Tabellenrahmen nicht auf gleicher Höhe wie die entsprechenden Pixel im Bild...

Den Tabellenaufbau sieht man auf dem Screenshot.
ist dieser Aufbau vielleicht sogar grundsätzlich falsch??

Ich hoffe ihr könnt mir weiterhelfen!

Danke im voraus!

Gruss
Marcel

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Vorgetäuschte Tabellenecke (Bild) korrekt mit Tabelle verbinden

    Marcel
    – Informationen zu den Bewertungsregeln

    hab ganz vergessen den code anzuhängen:

    <table cellpadding="0" cellspacing="0" style="background-color:#FFFFFF; width:100%; height:100%; border:0px; border-collapse:collapse; border-spacing:0px;">
      <tr>
        <td style="text-align:center; vertical-align:middle; padding:0px;">

    <table align="center" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF; border:0px; border-collapse:collapse; border-spacing:0px;">
      <tr>
        <td height="103" colspan="3" rowspan="2"><img src="logo.jpg" width="216" height="103" hspace="0" vspace="0" border="0"></td>
        <td width="544" height="23">&nbsp;</td>
      </tr>
      <tr>
        <td height="79" style="border-top:1px solid #000000; border-right:1px solid #000000;">&nbsp;</td>
      </tr>
      <tr>
        <td width="21" height="320">&nbsp;</td>
        <td width="178" bgcolor="#D6B417" style="border-left:1px solid #000000; border-bottom:1px solid #000000;">&nbsp;</td>
        <td width="16" style="border-bottom: 1px solid #000000;">&nbsp;</td>
        <td style="border-right:1px solid #000000; border-bottom:1px solid #000000;">&nbsp;</td>
      </tr>
    </table>

    </td>
      </tr>
    </table>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Vorgetäuschte Tabellenecke (Bild) korrekt mit Tabelle verbinden

      Gernot Back Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Marcel,

      du machst es aber auch komplizierter als nötig (Vordergrundlogo mit vspace und hspace in Tabelle in Tabelle).

      Versuch es doch einfach mal, indem du dein Logo in den Hintergrund der Eckzelle einer 3*3 Zellen umfassenden Tabelle mit einer pixelgenauen Hintergrundposition plazierst. Die Rahmen kannst du notfalls entsprechend auch mit einer (Hintergrund-)Grafik von 1*1 Pixel imitieren.

      Vergleiche auch:

      http://www.sprachlernspiele.de/engel

      Hier komme ich sogar ohne die Angabe zu background-position aus.

      Gruß Gernot

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Vorgetäuschte Tabellenecke (Bild) korrekt mit Tabelle verbinden

    Marcel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    habs jetzt noch mit einer anderen tabellenkonstruktion versucht:

    aber leider ist die html tabellenlinie (oben rechts) in den mozillabrowsern nicht bündig mit dem jpg...

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln