HTML Link Weiterleitung

Xer0n

Cadet 4th Year
Registriert
Okt. 2010
Beiträge
86
Hi ich bastele gerade an meiner Webseite rum habe nicht wirklich viel Ahnung davon also bitte nicht schimpfen wenn manches unlogisch geschrieben ist.
So nun zu meinem Problem ich habe 4 links auf der Haupt Seite 3 leiten auf eine HTML Datei weiter und 1 zu einer anderen Webseite theoretisch praktisch nun ja es geht nicht weiter bin ich nicht gekommen mit der Fehler Analyse
Bitte um Hilfe fals ich es zu ungenau geschildert habe das Problem nochmal Nachfragen bitte ich weiß nicht wirklich was dafür relevant ist. :)

HTML:
	<!doctype html>
<head>
  <meta charset="utf-8">
  <title></title>


  <link rel="stylesheet" href="css/style.css">

</head>

<body>





  	
    
        <div id="top">
            <a href="index.html" class="logo"><img src="img/logo.png" alt="Logo: " /></a>
            
                <ul>
                	<li id="l1"><div>&nbsp;</div></li>
                    <li><a href="index.html">news<span>free</span></li></a>
                    <li><a href="about.html">about<span>free</span></a></li>
                    <li><a href="contact.html">contact<span>free</span></a></li>
                    <li><a href="http://twitter.com" target="_blank">twitter<span>(@twitter)</span></a></li>
                    <li id="l6"><div>&nbsp;</div></li>
                </ul>
            
        </div>
 
 	<div id="News">
		<h1>News</h1>

	</div>


</body>
</html>





Code:
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { height:100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }


a { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #5a5a5a; }
a:active { color: #222222; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }







/*

	MAIN STYLING

*/



html, body {
	background-color: #ffffff;
	height:100%;
	font:15px Georgia, serif;
	color:#252525;
}

#background {
	height:100%;
	width:1205px;
	margin: 0px auto 0px auto;
	z-index:1;
}
#top {
	position:relative;
	width:1205px;
	margin: 0px auto 0px auto;
	padding-top:60px;
	text-align:center;
}
	#top li {
		text-align:left;
		float:left;
		width:200px;
		height:51px;
		margin:50px 1px 0px 0px;
		border-top:2px #3e3e3e solid;
		border-bottom:1px #e9e9ea solid;
		display:block;
		
	}
    #top li a {
        display:block;
        color: #3e3e3e;
        text-decoration:none;
        margin:0px 0px 0px 0px;
        letter-spacing:1px;
        
    }	
	#top #l1 {
		border-top:2px #eaeaeb solid;
	}
	#top #l6 {
		border-top:2px #eaeaeb solid;
		margin-right:0px;
	}	
	#top span {
		color:#999999;
		display:block;
		font-style:italic;
		font-size: 10px;
		margin:1px 0 0 0;
	}


		
		
		
	#textpage h1 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 30px;
		font-weight: normal;
		color: #000000;
	}
	#textpage p {
		size: 15px;
		line-height:1.7;
	}



	#Contact{
		position:relative;
		width:1205px;
		line-height:1.7;
		padding-top:180px;
		text-align:left;
		left: 10%;
	}
	#About{
		position:relative;
		width:1205px;
		line-height:1.7;
		padding-top:180px;
		text-align:left;
		left: 10%;
	}
	#News{
		position:relative;
		width:1205px;
		line-height:1.7;
		padding-top:180px;
		text-align:left;
		left: 10%;

	}
 
Was genau heißt "geht nicht"?

Ein gutes Tool zur Fehlerbeseitigung ist der W3C Validator (respektive für CSS). Dann siehst du z.B., dass du bei der index.html das <li> vor dem <a> schließt.
 
Zuletzt bearbeitet:
ja, was genau geht nicht? wie äußert sich das nicht funktionieren?

edit: zulangsamen...
aber hab wenigstens einen fehler gefunden

Code:
<li><a href="index.html">news<span>free</span></li></a>

das </li> und das </a> sind vertauscht

edit: 2
roarrrr immer zu langsam heute :p
 
schließ mal bei

<li><a href="index.html">news<span>free</span></li></a>

den link richtig. also erst </a> und dann </li>
 
Die links werden nicht angezeigt ich habe schlichtweg einfach nichts zum klicken
 
möglicherweise weil linkfrabe = hintergrundfrabe?

hättest evtl den link zur seite damit ich mir die im debugger anschauen kann?
 
Die Links werden von #News überdeckt.
 
Wie muss das dann ausschauen mit top div ?
 
noch ein allgemriner hinweis sowas zu vermeiden:

baue erst ohne style die funktion um zu wissen ob alles klappt. macht die fehlersuche leichter. ;)
wenn dan. anfaengst gib den einzelnen elementen zu beginn eine eigene rahmen oder hintergrund farbe, so siehst du ob sie sich so positionieren wie sie sollen.

keine richtlinie, macht ea aber gerade beginnern leichter fehler zu finden
 
setz' da mal im css dann noch bei

#top

sowas rein wie z.b. "height:200px;" (mit dem wert musst du dann halt rumspielen/probieren)

(und schließ - wie schon weiter oben gesagt - den link richtig)
 
Zuletzt bearbeitet:
Vielen dank steff0rn mit 300px geht es nun endlich Danke !
 
Zurück
Oben