Verlinkung in HTML/CSS Gerippe funktioniert nicht..grml

Syntax

Problem:
Verlinkung geht nicht IE6 und andere schreiben immer "seite konte nicht gefunden werden bla bla bla... obwohl die verlinkung und pfad alles stimmt...
ein layoutbeispiel könnt ihr unter http://www.free.pages.at/katzi18/ begutachten... ich weis es ist nichts aufwendiges was Design betrifft aber es soll ja einfach nur schlicht und benutzerfreundlich wirken....

Den text dürft ihr nicht beachten dies is einfach um formatierung und alles zu testen..

Hoffe schnell eure meinungen und lösungen zu erhalten weil ich grade total anstehe....

Zitat

Quellcode: index.html
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<title>Diese seite dient ausschließlich zum testen von neu erlerntem im breich HTML und CSS Stylsheet</title>
<link rel=stylesheet href="style.css" type="text/css">
<base target="_top">
</head>
</body>
<body background="include/images/content/bg.gif">

<table border="0" width="70%">
<tr>
<td width="70%">
<table border="0" width="800">
<tr>
<td width="1102">
</td>
</tr>
<tr>
<td width="1102">

<div id="navcontainer" style="width: 600">
<ul id="navlist">
<li id="active">Home <----- in der Navi wird Home als Activ Gesetzt --
[*]News
[*]About
[*]Webdesign
[*]Photoshop
[*]Guestbook
[*]Links
[*]Contact
[/list]
</div>

</td>
</tr>
<tr>
<td width="1102">

<div id="textarea">

ein Link Muss sein

Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home | Home | Home |
Home | Home | Home | Home | Home | Home | Home | Home |
</div>

</td>
</tr>
</table>
</td>
</tr>
</table>
</html>

Alles anzeigen

Zitat

Quelltext: news.html
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<title>Diese seite dient ausschließlich zum testen von neu erlerntem im breich HTML und CSS Stylsheet</title>
<link rel=stylesheet href="style.css" type="text/css">
<base target="_top">
</head>
</body>
<body background="include/images/content/bg.gif">

<table border="0" width="70%">
<tr>
<td width="70%">
<table border="0" width="800">
<tr>
<td width="1102">
</td>
</tr>
<tr>
<td width="1102">

<div id="navcontainer" style="width: 600">
<ul id="navlist">
[*]Home
<li id="active">News <--in der News.html ist "news" als Activ Gesetzt und "home" mit <index.html> verlinkt
[*]About
[*]Webdesign
[*]Photoshop
[*]Guestbook
[*]Links
[*]Contact
[/list]
</div>

</td>
</tr>
<tr>
<td width="1102">

<div id="textarea">

ein Link Muss sein

News | News | News | News | News | News | News | News | News | News |
News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
News | News | News | News | News | News | News | News | News | News |
</div>

</td>
</tr>
</table>
</td>
</tr>
</table>
</html>

Alles anzeigen

Zitat

stylesheet: style.css

#textarea
{
font-family: Arial,Sans-Serif;
font-size: 9 pt;
}

#textpos
{
white-space: 800px;
}

#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
border-bottom: 2px solid #ddd;
}

#navlist
{
width: 100%;
text-align: 30%;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #aaa;
font-size: 0.85em;
padding: 0 2px;
border-top: .5em outset #eee;
}

#navlist li a:hover,#navlist a#current
{
color: #fc6;
border-top: double;
font-size: 1.6em;
}

#navlist a#current
{
color: #fc1;
}

Alles anzeigen

[/url]

Ronald

Moin!

Bei mir funktioniert es im IE und im Firefox.

Allerdings solltest du die Links noch ein wenig kleiner schreiben, man kann sie grade noch erkennen
So sieht das bei mir aus:
[Blockierte Grafik: http://ronald.ro.ohost.de/forum-hilfe/images/katzi18.gif]

G.a.d.M.

Ronald

Syntax

jo also ich hab den fehler gefunden und zwar hab ich mich in code verschrieben hab *.html getauft obwohls *.htm dateien sind....

ja die links muss ich alles noch definieren.. bzw. der Textbereich wo jetzt "ein link muss sein" ist noch nicht mit einem *.css verknüpft das kommt noch....

Ronald

Zitat von Syntax

jo also ich hab den fehler gefunden und zwar hab ich mich in code verschrieben hab *.html getauft obwohls *.htm dateien sind....

Dann erklär mir doch mal den Unterschied zwischen ~.htm und ~.html ?

Tipp: es gibt keinen, außer der Schreibweise.

"htm" stammt aus der Zeit, als Dateintypen nur max. 3 Zeichen haben durften, das hat sich aber inzwischen überholt und soooo alte Browser werden gar nicht mehr benutzt. Von daher empfehle ich grundsätzlich die neue Schreibweise (~.html) zu verwenden.

G.a.d.M.

Ronald

Tags