Seite 2 von 2

Verfasst: 12.04.2007 21:55
von 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.

Verfasst: 12.04.2007 22:36
von 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?

Verfasst: 12.04.2007 22:54
von 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>

Verfasst: 13.04.2007 13:22
von S2B
Buuuaaah... wohl noch nie mit dem style-Attribut gearbeitet? :wink:

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>

Verfasst: 13.04.2007 22:40
von mark2
Danke das hat funktioniert.

Verfasst: 15.11.2007 19:10
von 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 ?