Link für Hintergrundbild - ganze Zelle / Tabelle

[mark2]

Hey super!
Mit dem Internet explorer funktioniert es. Der Link ist jetzt zwar auf dem gesamten Header und nicht nur auf den head.jpg aber das passt.

Nur mit dem Firefox funktioniert die Sache nicht. Den hat die Änderung garnicht interessiert.

[S2B]

Ein kleiner Hinweis vorneweg: du wirst wahrscheinlich noch die height-Angabe des <a>-Tags anpassen müssen, damit der Link nicht zu groß oder zu klein für deinen Header ist.

Das Problem unter Firefox kann ich nicht nachvollziehen, der Code läuft bei mir ohne Probleme... Könntest du mal das Forum verlinken, damit man sich das mal live anschauen kann?

[mark2]

Dann habe ich wohl irgend etwas falsch gemacht.
Hier mal der Link
und hier der altuelle Code

Code: Alles auswählen

<table width="98%" cellspacing="0" border="0" cellpadding="0" align="center">
  <tr>
    <td class="bodyline" background="templates/DustyGreen/images/head.jpg" valign="top">
    <a href="index.php" style="position: absolute; top: 0; [a#header_link {position: absolute; top: 0; left: 0; height: 230px; width: 100%; z-index: 2; text-decoration: none }]"></a>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td background="templates/DustyGreen/images/forum-new2-top-left.jpg" width="26" height="163">
            <div align="center"></div>
          </td>
          <td height="163" background="templates/DustyGreen/images/forum-new2-top-fill.gif" valign="bottom">
            <div align="center"><img src="templates/DustyGreen/images/trans.gif" width="10" height="10"></div>
          </td>
          <td background="templates/DustyGreen/images/forum-new2-top-center.gif" width="256" height="163">
            <div align="center"></div>
          </td>
          <td height="163" background="templates/DustyGreen/images/forum-new2-top-fill.gif" valign="bottom">
            <div align="center"><img src="templates/DustyGreen/images/trans.gif" width="10" height="10"></div>
          </td>
          <td height="163" background="templates/DustyGreen/images/forum-new2-top-right.jpg" width="26">
            <div align="center"></div>
          </td>
        </tr>
      </table>

[S2B]

Buuuaaah... wohl noch nie mit dem style-Attribut gearbeitet?

Code: Alles auswählen

<a href="index.php" style="position: absolute; top: 0; left: 0; height: 230px; width: 100%; z-index: 2; text-decoration: none"></a>

[mark2]

Danke das hat funktioniert.

[mark2]

Jetzt muß ich nochmal auf das Thema zurück kommen.
Diesmal ein anderer Style. ezHyperShadow.

Dort müsste ich den Link gleich auf den ganzen Table legen.
Ich habe es so versucht.

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0">
     <a href="index.php" style="background-image: url(templates/ezHyperShadow/images/logo/logo_bk.jpg); background-repeat: repeat-x; background-position: left top; position: absolute; center: 0; center: 0; height: 230px; width: 100%"></a>
      <tr>

Das führt aber dazu dass die Grafik nicht mehr wie ursprünglich als background Bild verwendet wird und nun alles verdeckt da sie in den Vordergrund geschoben wurde und jetzt alles andere überlagert.

Wie bringe ich die Grafik mit dem neuen Code wieder in den Hintergrund ?