Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
danny Mitglied
Angemeldet: 26.04.2005 Beiträge: 196 Wohnort: Niederselters
|
Verfasst am: 23.02.2009, 23:04 Titel:
"CSS Link" problem |
|
|
|
|
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"> </td>
<td width="910" valign="top">
<!--content-->
<?php
$show = "purenews";
include("shownews.php");
?>
<!--content-ende-->
</td>
<td width="33"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100%" background="img/puffer.jpg"> </td>
</tr>
<tr>
<td height="28" background="img/content2.jpg"> </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. |
|
Nach oben |
|
|
danny Mitglied
Angemeldet: 26.04.2005 Beiträge: 196 Wohnort: Niederselters
|
Verfasst am: 25.02.2009, 03:03 Titel:
|
|
|
|
|
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>
|
Gruß,
danny |
|
Nach oben |
|
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beiträge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 27.02.2009, 20:30 Titel:
|
|
|
|
|
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>
|
|
|
Nach oben |
|
|
DjRedStorm Mitglied
Angemeldet: 20.07.2004 Beiträge: 516 Wohnort: L?nen Interessen: Design
|
Verfasst am: 02.03.2009, 10:51 Titel:
|
|
|
|
|
TD > DIV
|
|
Nach oben |
|
|
Yada Mitglied
Angemeldet: 08.06.2004 Beiträge: 267
Interessen: zuviel
|
Verfasst am: 29.03.2009, 18:15 Titel:
|
|
|
|
|
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 . |
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
|