Hi Leute!
Ich wollte meine Homepage jetzt mal so langsam neu gestalten...Hatte vorher immer die Page mit Dreamweaver, Frontpage... gemacht. Mittlerweile will ich n bissl tiefer in die Materie rein und mir html beibringen...
Momentan kämpfe ich gerade durch den CSS Jungle...
Habe mit mit Hilfe von SelfHTML folgende Navigationsleiste mal gebastelt... Was ich nun überhaupt nicht verstehe: Weshalb erscheint die Navigationsleiste nicht in einer Zeile (so wie ich es will sondern ständig untereinander...) Ich bekomms einfach nicht hin und wäre um jeden Ratschlag dankbar.
AUsserdem habe ich noch eine Frage:
Wie kann ich beispielsweise erreichen, dass man (sofern man auf einen Link der Navileiste geklickt hat) nicht die komplette Seite neu aufgeht, sondern dass beispielsweise die Navigationsleiste trotzdem noch sichtbar ist (sie muss nicht fixiert werden, aber eben beispielsweise durch scrollen erreichbar sein...) Ich weiss, is ne peinliche Frage, aber nehmt bitte rücksicht auf mich;-)
Danke!
Ich wollte meine Homepage jetzt mal so langsam neu gestalten...Hatte vorher immer die Page mit Dreamweaver, Frontpage... gemacht. Mittlerweile will ich n bissl tiefer in die Materie rein und mir html beibringen...
Momentan kämpfe ich gerade durch den CSS Jungle...
Habe mit mit Hilfe von SelfHTML folgende Navigationsleiste mal gebastelt... Was ich nun überhaupt nicht verstehe: Weshalb erscheint die Navigationsleiste nicht in einer Zeile (so wie ich es will sondern ständig untereinander...) Ich bekomms einfach nicht hin und wäre um jeden Ratschlag dankbar.
AUsserdem habe ich noch eine Frage:
Wie kann ich beispielsweise erreichen, dass man (sofern man auf einen Link der Navileiste geklickt hat) nicht die komplette Seite neu aufgeht, sondern dass beispielsweise die Navigationsleiste trotzdem noch sichtbar ist (sie muss nicht fixiert werden, aber eben beispielsweise durch scrollen erreichbar sein...) Ich weiss, is ne peinliche Frage, aber nehmt bitte rücksicht auf mich;-)
Danke!
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dreispaltiges Layout mit Kopf- und Fußzeile</title>
<style type="text/css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
background-color: #fed;
border: 2px ridge silver;
}
ul#Navigation {
margin: 0; padding: 0.8em;
text-align: center;
border: 1px solid black;
background-color: silver;
}
ul#Navigation li {
list-style: none;
dipslay: inline;
margin: 0.4em; padding: 0;
}
ul#Navigation a, u1#navigation span{
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;
display: block;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
w/idth: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#Navigation a:hover, ul#Navigation span {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #eee; border: 1px dashed silver;
}
div#Info h2 {
font-size: 1.33em;
margin: 0.2em 0.5em;
}
div#Info p {
font-size: 1em;
margin: 0.5em;
}
