h4rl3kin: code falsch? :-/

hallo,

ich sitz jetzt schon ziemlich lang an folgenden problemen und würde mich freuen wenn mir endlich wer richtig antworted:

ich habe meine page (die indexseite) jetzt soweit wie ich sie haben wollte aber nur im IE! wenn ich sie mit firefox aufrufe dann geht die hälfte nicht. und daraus schliesse ich dass was mit meinem code nich ganz stimmt, da der IE ja nich so genau is mit den codes. also die page findet ihr unter:

http://h4rl3kin.h4.funpic.de/index.html

am besten sollted ihr sie euch mit dem IE und einem anderen browser ansehen damit ihr ein paar sachen seht.

ich schick euch auch gleich mal ein paar codes von denen ich nicht genau weis ob das so erlaubt ist oder geht (die im IE aber einwandfrei dargestellt werden)

1. die navigation:

eine td:

<td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'" onClick="javascript:window.location.href('http://h4rl3kin.h4.funpic.de/index.html');" align="left" height="1" width="148" style="border-bottom:1px solid black; border-top:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Home / News</td>

das wäre jetzt Home / News und wenn ich im IE mit der maus drüber fahr dann wird der zeiger beim drüberfahren zu einer hand und wenn man drauf klickt funktioniert die "td" wie ein verweis. Bei firefox geht das "alles" nicht. td ist kein verweis, man kann nicht draufklicken, der zeiger verändert sich nicht und beim drüberfahren ist au nicht der schöne effekt da dass sich der background verändert. ich schätze mal das das etwas mit meinem (falschen) code zu tun hat.

was mich hierbei aber wundert:

<td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'" onClick="javascript:window.open('http://h4rl3kin.h4.funpic.de/phpBB2/index.php');" align="left" height="1" width="148" style="border-bottom:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Forum</td>

(die td vom forum) da verändert sich zwar auch nix wenn man drüber fährt, aber wenn man draufklickt öffnet sich dass forum. (kann das wer erklären?)

also dass meine links in der navigation gehen wäre mir doch sehr wichtig und es sollte in jedem browser gehen.

nächstes problem (is nich ganz so wichtig aba es wäre schon schön wenn es geht):

ich hab einen "fade-effekt" auf meiner page (beim IE könnt ihr dass sehen) wenn ihr über die quicklinks fahrt dann kommen diese langsam zum vorschein und verschwinden wieder wenn man runter geht. (geht bei anderen browsern wieder nicht)

hier is der code also in der headzeile:

<head>
<script language="JavaScript" src="http://h4rl3kin.h4.funpic.de/fade.js" type="text/javascript"></script>
</head>

und dann bei dem jeweiligen banner:

<a href="http://www.tdclan.de/" target="_blank"><img onMouseOver=nereidFade(this,100,4,4) style="FILTER: alpha(opacity=20)" onMouseOut=nereidFade(this,20,4,4) src="http://www.tdclan.de/src/banner_klein.gif" width="88" height="31" alt="Twilight - German CS gaming" border="0"></a>

wie gesagt beim IE geht das und bei anderen browsern nich un ich hab keine ahnung wieso nich^^.

vielen dank im vorraus für eure antworten.

mfg h4rl3kin

  1. ich glaube die folgende homepage gibt dir bescheid was an deiner page nicht standard ist:

    http://validator.w3.org/check?uri=http://h4rl3kin.h4.funpic.de/index.html

    gruss pitsch

    1. geil dass es sowas gibt!!!!!! (hätt ich dass mal wieder früher gewusst^^).

      1. geil dass es sowas gibt!!!!!! (hätt ich dass mal wieder früher gewusst^^).

        Vielleicht auch ab und zu mal die Javascriptconsole benutzen:
        Fehler: window.location.href is not a function

        href = 'seite.html'
        nicht
        href('seite.html')

        Als erstes würde ich mal die ganzen Style-Sachen in eine .css-Datei auslagern und die Bilder nicht mit CSS jedesmal auf einem Event laden, das geht mit JS viel besser. Ausserdem gehen solche Sachen wie opacity und neirfade nur mit dem IE.

        Bernd

        1. also des mit dem fade geht nur im IE??? alles klar jetzt nich ne frage:"

          Line 123, column 75: an attribute value must be a literal unless it contains only name characters

          ...="_blank"><img onMouseOver=nereidFade(this,100,4,4) style="FILTER: alpha(opac

          You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.

          "

          ich blicks nich ganz was die mir sagen wollen

          1. Hi,

            ...="_blank"><img onMouseOver=nereidFade(this,100,4,4)

            Du hast vergessen, den Wert in Anführungszeichen zu setzen.

            freundliche Grüße
            Ingo

            1. Du hast vergessen, den Wert in Anführungszeichen zu setzen.

              hi kannst du mir vll schreiben wie es richtig sein muss bei mir endet das imma in ist kein befehl oder anderes zeichen wird erwarted un nix geht mehr.

              1. edit: hat sich soeben erledigt mit dem fade thx!!!! geht jetzt (nur navigation halt nich).

                1. ach ja wo mir gerade mal sooo schön geholfen wird kann ich des ja au glei fragen:

                  a:hover { text-decoration:none; }

                  weis jeder was gemeint is gel?

                  kann ich das so machn dass die links mit z.b. der class "tdlink" ein backgroundbild haben mit einer bestimmen breite?

                  also sowas in der art:

                  a:hover { text-decoration:none; }
                   .tdlink { text-decoration:none; background:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);}

                  un dann in der td mit zb <p class="tdlink">jlgklbbkhhjk</p> das erreichen was ich auf der seite haben will?

                  grüße h4rl3kin

                  1. Hallo

                    a:hover { text-decoration:none; }
                    .tdlink { text-decoration:none; background:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);}

                    HTML:

                    <td class="tdlink"><a href="...">Linktext</a></td>

                    CSS:

                    a:hover { text-decoration:none; }
                    .tdlink a:hover{background:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);}

                    oder

                    HTML:

                    <td><a class="tdlink" href="...">Linktext</a></td>

                    CSS:

                    a:hover { text-decoration:none; }
                    a.tdlink:hover{background:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);}

                    Auf Wiederlesen
                    Detlef

                    --
                    - Wissen ist gut
                    - Können ist besser
                    - aber das Beste und Interessanteste ist der Weg dahin!
                    1. Hallo,

                      erstma möchte ich allen danken die mir geholfen haben! besonders detlef! Beim IE geht jetzt alles ich hab nur noch ein kleines problem bei fire fox schaut es euch einfach mal an plz danach lass ich euch in ruhe (fürs erste^^)

                      http://h4rl3kin.h4.funpic.de/index.html

                      man sieht ja sofort was bei der navigation nicht so sein soll! hier sind die codes:

                      css style:

                      <STYLE type="text/css">
                      <!--
                      body {background:url(http://h4rl3kin.h4.funpic.de/img/bg.gif);

                      scrollbar-face-color: #0099CC;
                      scrollbar-highlight-color: #FFFFFF;
                      scrollbar-arrow-color: #000000;
                      scrollbar-track-color: #003366;
                      scrollbar-highlight-color: #FFFFFF;
                      scrollbar-3dlight-color: #003366;
                      }
                      a:link { font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF; }
                      a:visited { font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF; }
                      a:hover { text-decoration:none; }
                      a:active { text-decoration:none; }
                      a.Nav {
                       display:block;
                       width:148px;
                       border-bottom:1px solid black;
                       padding:3px 0 3px 25px;
                       font-family: Tahoma;
                       text-decoration:none;
                       font-size: 11px;
                       font-weight: bold;
                       color:#FFFFFF;
                       background-image:url(http://h4rl3kin.h4.funpic.de/img/navbg.gif);
                      }
                      a.Nav:hover {
                       background-image:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);
                      }

                      -->
                      </style>

                      und die tds (nich alle)

                      <tr>
                      <td background="http://h4rl3kin.h4.funpic.de/img/navtop.gif" height="39" align="center" valign="top" width="148" style="font-family: Tahoma; text-decoration:none; font-size: 12px; font-weight: bold; color:#FFFFFF; padding-top:15px;">Navigation</td>
                      </tr>

                      <tr>
                      <td width="148" background="http://h4rl3kin.h4.funpic.de/img/navbg.gif" valign="top">
                      <table cellspacing="0" cellpadding="0">
                      <tr>
                      <td align="left" height="10" width="148" style="padding-left:25px; padding-top:2px; padding-bottom:2px;"></td>
                      </tr>
                      <tr>
                      <td><a href="http://h4rl3kin.h4.funpic.de/index.html" class="Nav" style="border-top:1px solid black;">Home / News</a></td>
                      </tr>
                      <tr>
                      <td><a href="http://h4rl3kin.h4.funpic.de/allgemeines.html" class="Nav">Allgemeines</a></td>
                      </tr>
                      <tr>
                      <td><a href="http://h4rl3kin.h4.funpic.de/phpBB2/index.php" class="Nav" target="_blank">Forum</a></td>
                      </tr>

                      ....

                      wie gesagt der IE mogelt sich mal wieder durch!^^

                      viele grüße h4rl3kin

                      1. Hi,

                        wie gesagt der IE mogelt sich mal wieder durch!^^

                        nein - er ist im quirks-mode und verwendet hier ein falsches Box-Modell.
                        Definiere a.Nav {width:100%;} oder berechne die Breite abzüglich padding und border für standardkonorme Browser.

                        freundliche Grüße
                        Ingo

                        1. hi, so jetzt geht alles wie ich es gern hätte danke für den schnellen und guten support!

                          viele grüße h4rl3kin.

                      2. Hallo h4rl3kin

                        man sieht ja sofort was bei der navigation nicht so sein soll! hier sind die codes:

                        Sorry, mein Fehler.

                        css style:

                        ...
                        display:block;
                        width:148px;

                        ^^^^^
                        hier geben wir 148px Breite.

                        border-bottom:1px solid black;
                        padding:3px 0 3px 25px;

                        ^^^^
                        hierkommen noch einmal 25px dazu (der IE macht das im Quirks-Modus falsch)

                        Die Navi soll ja generell 148px breit sein.
                        Lass die Zeile mit width:148px einfach weg. Da die Links display:block
                        haben, nehemen sie sich trotzdem die volle Breite.

                        Auf Wiederlesen
                        Detlef

                        --
                        - Wissen ist gut
                        - Können ist besser
                        - aber das Beste und Interessanteste ist der Weg dahin!
                        1. Hi,

                          Lass die Zeile mit width:148px einfach weg. Da die Links display:block
                          haben, nehemen sie sich trotzdem die volle Breite.

                          Du vergißt den IE dabei.

                          freundliche Grüße
                          Ingo

                          1. Hallo Ingo

                            Du vergißt den IE dabei.

                            Was ich dabei noch nicht wirklich kapiert habe ist:
                            Warum gilt das Boxmodel nicht für das Kindelement einer Tabellenzelle?
                            (width:100% und padding-left:25px ergeben sonst 100% plus 25px)

                            Auf Wiederlesen
                            Detlef

                            --
                            - Wissen ist gut
                            - Können ist besser
                            - aber das Beste und Interessanteste ist der Weg dahin!
                            1. Hi,

                              Was ich dabei noch nicht wirklich kapiert habe ist:
                              Warum gilt das Boxmodel nicht für das Kindelement einer Tabellenzelle?
                              (width:100% und padding-left:25px ergeben sonst 100% plus 25px)

                              es sollte zumindest gelten und Firefox hält sich zumindest auch dran.
                              Der IE nutzt im quirks mode ja ohnehin sein anderes Boxmodell, aber im standards compliant mode weiß er offensichtlich nicht so recht damit umzugehen. Vielleicht liegt's auch an der Definition:
                              Percentages:   refer to width of containing block ?

                              Mal folgendes Beispiel (in einer Seite mit vollständigem Doctype):

                              <div style="width:280px; border:10px solid lime;">test</div>
                              <table style="width:300px;">
                              <tr>
                               <td style="width:300px; border:10px solid red;"><div style="width:100%; padding:100px; border:10px solid blue;">test</div></td>
                              </tr>
                              </table>

                              Der Firefox zeichnet den blauen Rahmen über die Tabellenzelle hinaus.
                              Der IE zeichnet den roten und blauen Rahmen nur bis zur angegebenen Breite von 300px und läßt beide rechte Rahmen einfach weg. Er "traut" sich keine Überschreitung, aber will andererseits ja standardkonform rendern - ein Dilemma. ;-)
                              Und was macht der Opera? Er tut es dem IE fast gleich mit der Ausnahme, daß er den roten Tabellenzellen-Rahmen noch zeichnet und den blauen Rahmen immerhin noch hierüber legt. Aber (wegen der IE-Kompatibilität?) geht er auch nicht drüber hinaus und läßt sicherheitshalber auch den rechten blauen Rand weg.

                              Dieses Beispiel paßt doch ganz gut zu dem Thread Nase voll!, oder?

                              freundliche Grüße
                              Ingo

          2. but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value.
            ich blicks nich ganz was die mir sagen wollen

            Nicht nur lesen, was da steht, sondern auch verstehen. ;-)

            <img onMouseOver=nereidFade(this,100,4,4)

            -> <img onMouseOver="nereidFade(this,100,4,4)"

            Bernd

            1. hi so jetzt gehts thx

              (aber meine navigation will imma noch nich) :(

              grüße h4rl3kin

  2. Hi,

    http://h4rl3kin.h4.funpic.de/index.html

    nur was für junge Leute, oder? Ich muß schon mindestens 2mal am Mausrad drehen, bis ich den Text vernünftig lesen kann. Und übrigens: "Mit dem Urteil vom 12.05.1998 hat das Landgericht Hamburg entschieden" - schmeiß den Unsinn raus.

    onClick="javascript:window.location.href

    in den onclick-Handler gehört ein Javascript-Code, kein Pseudoprotokoll.

    cursor: hand;

    gibt's nicht bzw. nur beim IE.

    also dass meine links in der navigation gehen wäre mir doch sehr wichtig und es sollte in jedem browser gehen.

    die gehen bei mir auch im IE nicht, da sie nicht vorhanden sind. Ein echter HTML-Link wäre daher unumgänglich.

    ich hab einen "fade-effekt" auf meiner page (beim IE könnt ihr dass sehen)

    auch das nur unter der Voraussetzung, daß ActiveX aktiviert ist, was bei mir auch nicht der Fall ist...

    geht bei anderen browsern wieder nicht

    logisch, da es sich um Microsoft-Code handelt.

    freundliche Grüße
    Ingo

    1. thx, aber da meine javascript kentnisse in richtung 0 zeigen weis ich nich genau was ich machn muss^^ schaut mal:

      jetzt kommen 3 "tds" un keine is irgentwie richtig:

      <td onMouseOver=this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'; onMouseOut=this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'; onClick=javascript:window.location.href'http://h4rl3kin.h4.funpic.de/index.html'; align="left" height="1" width="148" style="border-bottom:1px solid black; border-top:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Home / News</td>
      </tr>
      <tr>
      <td onMouseOver=this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'; onMouseOut=this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'; onClick=javascript:window.location.href'http://h4rl3kin.h4.funpic.de/allgemeines.html'; align="left" height="1" width="148" style="border-bottom:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Allgemeines</td>
      </tr>
      <tr>
      <td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'" onClick="javascript:window.open('http://h4rl3kin.h4.funpic.de/phpBB2/index.php');" align="left" height="1" width="148" style="border-bottom:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Forum</td>
      </tr>

      :-/ langsam blick ichs nimma.

      kann mir einer vll eine richtig geschriebene td hier reinposten das wäre mir echt ne hilfe weil wenn ich den code vor mir hab begreif ich ihn meistens.

      1. Hi,

        thx, aber da meine javascript kentnisse in richtung 0 zeigen weis ich nich genau was ich machn muss

        das ist überhaupt kein Problem. Denn wenn es Dir wirklich wichtog ist, daß Deine Navigation in allen Browsern (und somit auch bei deaktiviertem Javascript) funktioniert, solltest Du den Javascript-Code ohnehin komplett rausschmeißen. Du kannst normale HTML-Links verwenden und die Hintergrundgrafiken über CSS bei a:hover austauschen. bzw. in diesem Fall würde schon ein Löschen der Hintergrundgrafik und esetzen durch die Farbe #036 ausreichen.

        freundliche Grüße
        Ingo

        1. hi,

          die idee is nich schlecht hab ich au schon versucht (ich glaub ihr halted mich für dümmer als ich bin^^)(aber egal) also dann hab ich ein problem: meine tds haben alle eigentlich keine boder an den seiten das sind photoshop bilder mit einem 1px rahmen den ich schön brav mit photoshop gezogen hab ^^ un wenn ich jetzt nur ne bgcolor mach dann hat die td auf einmal keinen rahmen mehr un das sieht echt sehr merkwürdig aus! ich habs versucht , aber ich mach jetzt mal was doppeltgemoppeltes wenn das so geht ich mach das onclick + einen normalen textlink in html dann müsste es doch auch gehn? oda hält doppeltgemoppelt in diesem fall nich bessa?^^

          mfg h4rl3kin

          1. Hallo h4rl3kin

            ... meine tds haben alle eigentlich keine boder an den seiten das sind photoshop bilder mit einem 1px rahmen den ich schön brav mit photoshop gezogen hab

            Wozu?
            Für einfache Border ist CSS da.

            Auf Wiederlesen
            Detlef

            --
            - Wissen ist gut
            - Können ist besser
            - aber das Beste und Interessanteste ist der Weg dahin!
          2. Hallo,

            ...(ich glaub ihr halted mich für dümmer als ich bin^^)(aber egal)

            Du machst mir einen vorlauten Eindruck und bist mit Sicherheit klüger, als wir alle ^^

            Von allein hast du's ja nicht gewusst.

            1. sry wenn das so geklungen hat wa aber nicht so gemeint wie du es aufgenommen hast.
              ich halte mich nicht für klüger wie ihr deswegen frag ich ja nach aba manche sachen hab ich halt auch schon probiert.

              mfg h4rl3kin

      2. Probiers mal so:

        <td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'"  align="left" height="1" width="148" style="border-bottom:1px solid black; cursor: pointer; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">
        <a href="http://h4rl3kin.h4.funpic.de/phpBB2/index.php" target="_blank">Forum</a>
        </td>

        Ist zwar immer noch keine saubere Lösung, aber so sollte es zumindest mit allen Browsern gehen.

        Bernd

        1. hallo, danke für den tipp ich werde aus den inhalten meiner navigations tds jetzt auch noch links machen aber leider ist bei deinem vorschlag ein effekt sag ich mal verloren gegangen (nämlich dass die besucher jetzt auf den text in der td klicken müssen vorher konnten sie gerade auf die td klicken^^) aber trotzdem danke.

          1. Hi,

            leider ist bei deinem vorschlag ein effekt sag ich mal verloren gegangen (nämlich dass die besucher jetzt auf den text in der td klicken müssen vorher konnten sie gerade auf die td klicken^^)

            Das kannst Du leicht beheben, indem Du .tdlink a {display:block} definierst und für den IE noch eine Weite angibst.
            Und was Deinen Rahmen betrifft: .tdlink {border-right:1px solid black;} - dafür brauchst Du nun irklich keine Grafik.
            In beiden Fällen gehe ich von der Zuweisung <td class="tdlink"> aus.

            freundliche Grüße
            Ingo

  3. Hallo "Harlekin" oder eben "h4rl3kin" ;-),

    ich finds immer besonders ärgerlich, wenn schon im Titel einer Homepage, die mir ansonsten _vom Äußeren her_ ganz gut gefällt, ein dicker orthographischer Fehler ist:

    Moritz`s Homepage

    1.) Im Deutschen benutzt man keine Accents, schon gar keine Accents graves (). 2\.) Bei deinem Namen hast du ja recht, dass ein \_Hochkomma\_ (' und nicht oder ´) am Ende im Genitiv gesetzt werden muss, wenn der letzte Buchstabe wie ein s klingt (also x, tz, s...): Aber dann bitte ohne s!

    Richtig wäre also:

    Moritz' Homepage

    So, hoffentlich befolgst du meinen kleinen typographischen Rat ;-)

    Gruß
    Lachgas

    1. h3h3^^ lool des sah besser aus! sag ich da nur! setzt dich ma an photoshop un schreib mit "tahoma" "bold" deinen namen mir " ' " !!! dann siehst du wies sch**** des aussieht aba ich schau mal vll änder ich des noch^^

      mfg h4rl3kin

      1. Hallo,

        h3h3^^ lool des sah besser aus! sag ich da nur! setzt dich ma an photoshop un schreib mit "tahoma" "bold" deinen namen mir " ' " !!! dann siehst du wies sch**** des aussieht aba ich schau mal vll änder ich des noch^^

        Wenn du Photoshop benutzt, kannst du auch das "schönere" (und richtige) Hochkomma nehmen. Das bekommst du mittels der Tastenkombination Alt + 145 (‘).

        Aber wenn dir das auch nicht gefällt, dann ist es eben "künstlerische Freiheit" von dir.

        Gruß
        Lachgas

  4. Hallo h4rl3kin

    <td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'" onClick="javascript:window.location.href('http://h4rl3kin.h4.funpic.de/index.html');" align="left" height="1" width="148" style="border-bottom:1px solid black; border-top:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Home / News</td>

    Was soll dieser Quatsch?
    Wenn du einen Link willst, dann schreibe einen Link!
    Wie du den Link dazu bekommst, dass er die ganze Tabellenzelle einnimmt
    wurde dir in https://forum.selfhtml.org/?t=97474&m=593349 bereits
    gepostet.
    Wenn dir an Gernots Empfehlung etwas nicht klar war, hättest du dort weiter
    fragen können.

    So könnte es ausssehen:

    <td><a href="http://h4rl3kin.h4.funpic.de/index.html" class="Nav">Home / News</a>
    </td>

    und in dein CSS fügst du ein:

    a.Nav {
     display:block;
     width:148px;
     border-bottom:1px solid black;
     border-top:1px solid black;
     padding:3px 0 3px 25px;
     font-family: Tahoma;
     text-decoration:none;
     font-size: 11px;
     font-weight: bold;
     color:#FFFFFF;
     background-image:url(http://h4rl3kin.h4.funpic.de/img/navbg.gif);
    }
    a.Nav:hover {
     background-image:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);
    }

    Dabei kannst du das noch vereinfachen, indem du das weglässt, was in deinem
    bisherigen CSS bereits für a steht. Außerdem frage ich mich, warum du
    mehrere CSS-Bereiche definiert hast.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!