✔ Link Funktioniert nicht

Status
Nicht offen für weitere Antworten.
Walemann

Walemann

Mitglied
Hallo zusammen ich stehe gerade voll auf dem Schlau und hoffe mir kann jemand helfen.

Ich habe eine Homepage in HTML angefangen die von CSS unterstützt wird. die bisherige Seite sieht so aus.

HTML: 
<html>
<head>
<title>Meine Seite</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="rollover.js"></script>
<script type="text/javascript" src="uncrypt.js"></script>
</head>

<body>
<table cellspacing="0" cellpadding="0" border="0" id="container-table">
<tr><td id="main-table">
	
	<div id="navigation"><p><a class="navi" href="impressum.html" >Impressum</a> | <a class="navi" href="home.html" >Startseite</a></p></div>

	<div id="menu"><table cellspacing="4" cellpadding="0" border="0"><tr>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
		</tr></table>
	</div> 
	<div id="info">	
		<b>Kontakt:</b><br />
		<br />text
		<br />text
		<br />text
		<br />Fon: text
		<br />Fax: text
		<br /><a class="link" href="javascript:linkTo_UnCryptMailto('nbjmup;pw/eineadresse.pomjof/ef');">text[dot] text[at] text [dot] text</a>
	</div>


	<div id="bild"><img src="kopf.jpg" width="736" height="166" border="0" alt="" /></div>
</td></tr>
<tr>
<td id="footer-outer-td">
<table cellspacing="0" cellpadding="0" border="0" id="footer-table"><tr><td id="footer-inner-td">&copy; 2007 text</td></tr></table>
</td>
</tr>
</table>

Die zugehörige CSSFile sieht so aus:

Code: 
body {
  width: 1000px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
#container-table {
	height: 100%;
	width: 1000px;
	margin: 0px auto 0px auto;
}
#main-table {
	background-image: url('gb.jpg');
	background-repeat: repeat;
	vertical-align: top;
	text-align: left;
}
#navigation {	
	  width: 250px;
	  height: 35px;
	  /*display: block;*/
    background-color:#FFFFFF;
    float: left;
    font-family: Arial,Helvetica, sans-serif;
	  font-size: 12px;
	  text-align: center; 
	  color: #194B6E;
}
#navigation a.navi:link, a.navi:visited {
    color: #194B6E;
    text-decoration: none;
}
#navigation a.navi:hover, a.navi:active, a.navi:focus {
    color: #194B6E;
    text-decoration: underline;
}

/* Menuleiste */
#menu {
    width: 736px;
    height: 35px;
    position: relative;
}
div.section {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    white-space: nowrap;
}
* html #menu td {
    position: relative; /* ie 5.0/5.5 fix */
}
a.item2top {
    border-top: 1px solid #396196;
}
a.item2:link, a.item2:visited {
    padding: 4px;
    border-bottom: 1px solid #396196;
    border-left: 1px solid #396196;
    border-right: 1px solid #396196;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    background-color: #1F4F80;
    display: block;
    white-space: nowrap;
}
a.item2:hover, a.item2:active, a.item2:focus {
    padding: 4px;
    border-bottom: 1px solid #396196;
    border-left: 1px solid #396196;
    border-right: 1px solid #396196;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
    background-color: #366AA1;
    display: block;
    white-space: nowrap;
}
#menu a.button:link, a.button:visited {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home_03.jpg');*/
    background-color: #699BBD;
    text-align: center;
    text-decoration: none;
    position: relative;
}
#menu a.button:hover, a.button:active, a.button:focus {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home01_03.jpg');*/
    background-color: #184A6D;
    text-align: center;
    text-decoration: none;
    position: relative;
}

#info {	
    height: 156px;
    width: 233px;
    padding: 5px 10px 5px 10px;
    background-color:#699BBD;
    float: left;
    font-family: Arial,Helvetica, sans-serif;
	  font-size: 13px;
	  color: #FFFFFF;
}
#info a.link:link, a.link:visited, a.link:active{
	  font-family: Arial,Helvetica, sans-serif;
	  font-size: 13px;
	  color: #FFFFFF;
}

#bild {
    margin-left:1px;
    height: 166px;
    width: 734px;
    float: left;
    background-color:#FFFFFF;
}
/* Footer */
#footer-outer-td {
	background-image: url('gb.jpg');
	background-repeat: repeat-y;
	vertical-align: bottom;
}
#footer-table {
    height: 20px;
    width: 100%;
}
#footer-inner-td {
background-image: url('gb.jpg');
    /*background-color: #396196;*/
    color: #000000;
    text-align: center;
    font-size: 11px;
}
a.footer:link, a.footer:visited {
    color: #000000;
    text-decoration: none;
}
a.footer:hover, a.footer:active, a.footer:focus {
    color: #000000;
    text-decoration: underline;
}

Jetzt kommt mein Problem und zwar funktioniert mein Link vom Impressum und von der Startseite nicht und ich weis nicht an was es liegt.
Vielleicht habe ich auch irgendwas in der CSS File eingetragen wo da nicht hin gehört.

Würde mich über eine Antwort freuen.

MFG Walemann
 
Hi,

definiere mal für das DIV #menu einen linken Außenabstand:

Code: 
#menu {
    width: 736px;
    height: 35px;
    position: relative;
    margin-left: 250px;
}
Zudem fehlt noch bei den Pseudoklassen für die Verweise die jeweilige ID:

Code: 
#navigation a.navi:link, #navigation a.navi:visited {
    color: #194B6E;
    text-decoration: none;
}
#navigation a.navi:hover, #navigation a.navi:active, #navigation a.navi:focus {
    color: #194B6E;
    text-decoration: underline;
}

#menu a.button:link, #menu a.button:visited {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home_03.jpg');*/
    background-color: #699BBD;
    text-align: center;
    text-decoration: none;
    position: relative;
}
#menu a.button:hover, #menu a.button:active, #menu a.button:focus {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home01_03.jpg');*/
    background-color: #184A6D;
    text-align: center;
    text-decoration: none;
    position: relative;
}

#info a.link:link, #info a.link:visited, #info a.link:active{
          font-family: Arial,Helvetica, sans-serif;
          font-size: 13px;
          color: #FFFFFF;
}
Das Thema wird dann mal ins CSS-Board verschoben.
 
Danke für die schnelle Hilfe
hat funktioniert.

Hi, definiere mal für das DIV #menu einen linken Außenabstand:
Zum Vergrößern anklicken....

Da das für mich irgendwie nicht logisch scheint würde ich gerne noch eine Erklärung wissen warum dies notwendig ist.


Zudem fehlt noch bei den Pseudoklassen für die Verweise die jeweilige ID:
Zum Vergrößern anklicken....

zu dem würde ich auch gerne eine Begründung wissen wenn es möglich ist denn die Funktion ist da obwohl ich keine so genanten Pseudoklassen vergeben habe.

Vielen Danke noch mal

MFG Walemann
 
Der linke Außenabstand ist notwendig, da sich ansonsten das DIV #menu über das DIV #navigation legt / schiebt, weshalb die Verweise nicht anklickbar sind.

Die jeweiligen IDs müssen genannt werden, damit die Regeln auch für die nachfolgend aufgeführten Pseudoklassen :visited,:active,:focus gelten bzw. funktionieren.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück