Kingmagister
Neues Mitglied
Hi Leute ich habe ein Problem bei meiner Site...
Ich habe eine Tabelle in mehrere Links sind aber warum wird das Wort "Link" in der rechten navigation und der Schriftzug "alles über mich und mein Leben" auch als Link im Browser dargestellt?!
Hier die Codes....
Ich habe eine Tabelle in mehrere Links sind aber warum wird das Wort "Link" in der rechten navigation und der Schriftzug "alles über mich und mein Leben" auch als Link im Browser dargestellt?!
Hier die Codes....
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>xxx</title>
<link rel="stylesheet" type="text/css" href="layout.css">
<meta name="xxx" content="Projekt_Informatikunterricht">
<meta name="DC.language" content="de"
</head>
<body>
<div class="container">
<div class="header">
<table>
<tr>
<th align=center > <a href="#"><img src="Logo.jpg" alt="Hier ist das Logo" name="Logo.jpg" height="194px" style="background: #8090AB; display:block;"></a></th>
<th width=100%> <span style="font-family:'Times New Roman',Times,serif; font-size:100px"><i>xxx</i></span>
</th>
</tr>
</table>
<!-- end .header --></div>
<div class="sidebar1">
<br><br><br><br><br>
<ul class="nav">
<li><a href="Startseite.html"><strong>Startseite</strong></a></li>
<li><a href="Über Mich.html"><strong>Über Mich</strong></a></li>
<li><a href="Schule.html"><strong>Schule</strong></a></li>
<br>
<li><a href="Galerie.html"><strong>Galerie</strong></a></li>
</ul>
<!-- end .sidebar1 --></div>
<div class="content">
<!--Dies ist die Überschrift-->
<h2>
<span class="thema">xxx</span>
<span class="artikel">Alles über Mich</span>
</h2>
<!--Der Inhalt des restlichen content-->
<p style="padding:10px" >
<p>
Hier kommt mein persöhnlicher Teil der Seite, indem ich viele Dinge über mich, meine Familie und meine Hobby's geschrieben habe.
</p>
<br>
<br>
<br>
<table width="100%">
<tr>
<td> <p align="center"><b>Alles über Mich</b></p> </td>
<td> <p align="center"><b>Familie</b></p> </td>
<td> <p align="center"><b>Hobby's</b></p> </td>
</tr>
<tr> <!--Ich habe hier die Tabellenzellen in die Links eingebaut, damit die gesamte Zelle und nicht nur das Bild der Link ist-->
<a href="Ich"> <td> <p align="center"><img src="laufen.gif" alt="Ich" width="100px" height="100px"</p> </td> </a>
<a href="Familie"> <td> <p align="center"><img src="familie.jpg" alt="Familie" width="100px" height="100px"</p> </td> </a>
<a href="Hobby's"> <td> <p align="center"><img src="hobby.jpg" alt="Hobby's" width="100px" height="100px</p>"</td> </a>
</tr>
</table>
<br>
<br>
<br>
<br>
<p style="padding:10px">
<h3>Alles über mich und mein Leben</h3>
</p>
<!-- end .content --></div>
<div class="sidebar2">
<p> Links </p>
<p> <a href="http://www.carolinumosnabrueck.de/"><img src="caro_logo.gif" alt="Carolinum Osnabrück"></a> </p>
<p> <a href="http://www.google.de/webhp?sourceid=navclient&hl=de&ie=UTF-8"><img src="google_logo.jpg" alt="Google Suchmaschine"></a> </p>
<p> <a href="http://wikipedia.de/"><img src="wikipedia_logo.gif" alt="Wikipedia Enzyklopädie" width="100px" height="100px" ></a> </p>
<!-- end .sidebar2 --></div>
<div class="footer">
Dies ist die Website von xxx.
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
HTML:
body{
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
align: center;
}
a:link {
color:#414958;
text-decoration: underline;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
}
.header {
background: #6F7D94;
height:200px;
text-float:right;
}
.sidebar1 {
float: left;
width: 23%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 55%;
float: left;
}
.sidebar2 {
float: right;
width: 18%;
background: #93A5C4;
padding: 10px 0;
font-weight: bold;
font-size: 30px;
letter-spacing: 5px;
}
.footer {
padding: 10px 0;
background: #6F7D94;
position: relative;
clear: both;
text-align:center;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
/* Dies sind die Stylesheets für die Liste der Links in der sidebar1 */
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
text-decoration: none;
background: #8090AB;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
/* Hier kommt der Stylesheet für die Überschrift im content Bereich*/
h2 {
font:normal lem/1.2 Verdana, Arial, Helvetica, sans-serif;
background:#93A5C4;
padding:5px;
position:relative;
margin: 10px;
width:100%;
}
h2 span.thema {
font:bold 3em Georgia, serif;
font-variant:small-caps;
color:#000000;
position:relative;
}
h2 span.artikel {
font-size 1.2em;
color:#FFFFFF;
position: absolute;
top: 50px;
left: 45px;
}
