Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


"CSS Link" problem

 
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
danny
Mitglied
Mitglied


Angemeldet: 26.04.2005
Beiträge: 196
Wohnort: Niederselters

BeitragVerfasst am: 23.02.2009, 22:04    Titel: "CSS Link" problem Antworten mit Zitat
Hallo Community,

ich habe hier ein Problem mit meiner Homepage.

http://www.sos.the-futurex.de/

Und zwar klappen die Links im Internet Explorer 6 / 7 nicht.
Im Firefox klappt alles.

Ich kann mir echt nicht helfen, aber irgendwie bekomme ich es nicht gebacken!

Ich bin auch nicht so das Naturtalent in solchen sachen, vielleicht kann mir hier einer weiterhelfen.

Bitte nicht über meinen "zusammengewürfelten" Code wundern...

HTML teil:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sekt oder Selters</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="pg.css"></link>

<?php
    chdir("corenews2");
    $show = "css";
    include("shownews.php");
?>

</head>
<body style="margin: 0; padding: 0;" bgcolor="#1f1f1f">
 <table width="1000" height="900" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
   <td colspan="7" background="img/header.gif" width="1000" height="64">
   </td>
  </tr>
  <tr>
   <td colspan="7" background="img/header2.gif" width="1000" height="254">
   </td>
  </tr>
  <tr>
   <td background="img/menua.gif" width="225" height="45">
   </td>
   <td background="img/news.gif" width="94" height="45" <a href="index.php" class="hover1"></a>
   </td>
   <td background="img/forum.gif" width="112" height="45" <a href="/forum" class="hover2"></a>
   </td>
   <td background="img/about.gif" width="112" height="45" <a href="about.htm" class="hover3"></a>
   </td>
   <td background="img/join.gif" width="112" height="45" <a href="join.php" class="hover4"></a>
   </td>
   <td background="img/contact.gif" width="147" height="45" <a href="cont.php" class="hover5"></a>
   </td>
   <td background="img/menue.gif" width="198" height="45">
   </td>
  </tr>
  <tr>
   <td colspan="7" width="1000" height="484">
    <table border="0" cellpadding="0" cellspacing="0" align="center">
     <tr>
      <td height="457" valign="top" background="img/content1.jpg">
       <table width="1000" height="457" border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td width="35">&nbsp;</td>
         <td width="910" valign="top">
          <!--content-->
           <?php
            $show = "purenews";
            include("shownews.php");
           ?>
          <!--content-ende-->
         </td>
         <td width="33">&nbsp;</td>
        </tr>
       </table>
      </td>
     </tr>
     <tr>
      <td height="100%" background="img/puffer.jpg">&nbsp;</td>
     </tr>
     <tr>
      <td height="28" background="img/content2.jpg">&nbsp;</td>
     </tr>
    </table>
   </td>
  </tr>
  <tr>
   <td colspan="7" background="img/footer.gif" width="1000" height="53">
   </td>
  </tr>
 </table>
</body>
</html>


CSS teil:

Code:

.hover1 {

           text-decoration: none;
         border:0;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 94px;
         height:45px;
         background: url("img/news.gif") 0 0 no-repeat;
          margin: auto;


}

.hover1:hover {

       background-position: -100px 0;
       background: url("img/news_over.gif") 0 0 no-repeat;
       margin: auto;


}

.hover2 {

           text-decoration: none;
         border:0;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 112px;
         height:45px;
         background: url("img/forum.gif") 0 0 no-repeat;
          margin: auto;

}

.hover2:hover {

       background-position: -100px 0;
       background: url("img/forum_over.gif") 0 0 no-repeat;
       margin: auto;

}

.hover3 {

           text-decoration: none;
         border:0;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 112px;
         height:45px;
         background: url("img/about.gif") 0 0 no-repeat;
          margin: auto;

}

.hover3:hover {

       background-position: -100px 0;
       background: url("img/about_over.gif") 0 0 no-repeat;
       margin: auto;

}

.hover4 {

           text-decoration: none;
         border:0;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 112px;
         height:45px;
         background: url("img/join.gif") 0 0 no-repeat;
          margin: auto;

}

.hover4:hover {

       background-position: -100px 0;
       background: url("img/join_over.gif") 0 0 no-repeat;
       margin: auto;

}

.hover5 {

           text-decoration: none;
         border:0;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 147px;
         height:45px;
         background: url("img/contact.gif") 0 0 no-repeat;
          margin: auto;

}

.hover5:hover {

       background-position: -100px 0;
       background: url("img/contact_over.gif") 0 0 no-repeat;
       margin: auto;

}


Hoffe das man das noch retten kann. Sehr glücklich
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
danny
Mitglied
Mitglied


Angemeldet: 26.04.2005
Beiträge: 196
Wohnort: Niederselters

BeitragVerfasst am: 25.02.2009, 02:03    Titel: Antworten mit Zitat
Hat sich geklärt.

Falsch:

Code:

<td background="img/join.gif" width="112" height="45" <a href="join.php" class="hover4"></a>
   </td>


Richtig:

Code:

<td background="img/join.gif" width="112" height="45">
   <a href="join.php" class="hover4"></a>
</td>


Mit den Augen rollen

Gruß,
danny
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beiträge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 27.02.2009, 19:30    Titel: Antworten mit Zitat
Falsch:

Code:
<td background="img/join.gif" width="112" height="45">
   <a href="join.php" class="hover4"></a>
</td>


Richtig:

Code:
<div id="join"><a href="join.php"></a></div>


Mit den Augen rollen
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
DjRedStorm
Mitglied
Mitglied


Angemeldet: 20.07.2004
Beiträge: 516
Wohnort: L?nen
Interessen: Design

BeitragVerfasst am: 02.03.2009, 09:51    Titel: Antworten mit Zitat
TD > DIV

Sehr glücklich
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Yada
Mitglied
Mitglied


Angemeldet: 08.06.2004
Beiträge: 267

Interessen: zuviel

BeitragVerfasst am: 29.03.2009, 17:15    Titel: Antworten mit Zitat
DjRedStorm hat folgendes geschrieben:
TD > DIV


In Anbetracht das man auch in Web 2.0 noch Tabellen nutzen darf, stimmt das in gewisser Hinsicht schon Winken.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB