• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Fragen bezüglich Navigation

Liz

Lounge-Member
Ich hab zu lange pausiert, deshalb eine Frage. :) **in der Suche find ich nicht das richtige Stichwort

Hier ein Navigationsmenü

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=8859-15">
	<title>Was ist eine Mysterienschule</title>
<link rel="stylesheet" type="text/css" href="000.css">
</head>
<body>
<div id="layout">
<div id="head">
</div>
<hr>
<div id="navi">
<ul id="navilist">
<li class="hervorheben2">Was ist eine Mysterienschule</li>
<li><a href="team.html">Das Team</a></li>
<li><a href="dienste.html">Unsere Dienste</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
<div id="content">
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>



dazugehöriges CSS


* {
margin: 0;
padding: 0;
}
body {
background: #c0c0c0;
color: #000;
font: 100.01%/1.3 arial, helvetica, sans-serif;
height: 100%;
text-align: center;
}
html>body {
height: auto;
min-height: 100%;
}
#layout {
width: 970px;
background: transparent;
color: #000;
margin: 20px auto 0 auto;
text-align: left;
font-size: 1.1em;
}
#head {
background: #c0c0c0 url(kopfbanner2.jpg) top left no-repeat;
color: #000;
width: 970px;
height: 200px;
}
#content {
margin-left: 12em;
padding: 1em;
min-height: 27em;
height:auto !important;  /* fýr moderne Browser */
height:24em;  /*fýr den IE 6 */
}
#footer {
clear: both;
height: 2em;
}
/* ############## Navigation ##################### */
#navi {
float: left;
}
ul#navilist {
width: 11em;
margin-left: 12px;
margin-top: 10px;
}
ul#navilist li {
margin-bottom: 10px;
list-style: none;
background: url(button_gold.jpg) top left repeat-x;
border: 2px outset #f4e41b;
color: #880085;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 7px;
}
ul#navilist a {
text-decoration: none;
display: block;
width: 100%;
}
ul#navilist a:hover {
color: #9E2C9B;
font-weight: bold;
}
ul#navilist li.hervorheben2 {
background: url(button_gold_hover2.jpg) top left repeat-x;
}

/* ####################### linie unter dem Kopf ########################## */
hr {
margin-top: 1em;
margin-bottom: .5em;
width: 970px;
}

Meine Fragen:

Also der jeweils aktuelle Button - darf doch nicht auf sich verlinkt sein - also auf dieselbe Seite (die ja gerade offen ist).
Bleibt im html der <a>tag bestehen? Und es wird nur kein Verweis eingefügt, oder - wie ich hier gerade gemacht habe, nehm ich den a-Tag ganz raus.

Und gibt es was, was ich noch beachten sollte, ich könnte mir denken, das mit den Einheiten ... ist ja Sammelsurium, prozent, px und em ......

Bin für jede Hilfe dankbar

Liebe Grüße
Liz
 
Also der jeweils aktuelle Button - darf doch nicht auf sich verlinkt sein - also auf dieselbe Seite (die ja gerade offen ist).

Das behaupten Puristen. Da würde ich mir keine Gedanken drüber machen.
Wenn Du das aber absolut willst, würde ich den li's eine Klasse vergeben, welche Du dann frei gestalten kannst.
 
Ich würde den a-Tag drin lassen und dann wie Herr Denz sagte, eine Klasse vergeben
PHP:
<li><a href="#" class="aktuell">Das Team</a></li>
 
Aaah okay :)

wie ist das jetzt mit dem Zeichensatz ISO 8859-15 - ist das okay, den zu verwenden? Ich hatte ja bisher immer UTF-8 kodiert. Aber irgendwas lief immer schief. (ich nehme an beim speichern)

Auch werde ich dann auf XHtml umsteigen - muss ich mich nochmal mehr belesen. ;)

Liebe Grüße
Liz
 
Zurück
Oben