Hallo an Alle,
ich bin euch gerade beigetreten, weil ich hoffe ihr könnt mir helfen!
Vorweg, ich bin blutiger Anfänger!
Nun zu meiner Frage:
Ich möchte eine Homepage erstellen! Links und rechts soll ein farbiger RAnd sein.
Folgendes habe ich mir dafür ausgedacht, der gesamte Hintergrund der Homepage in der Farbe der zukünftigen Ränder und dann einfach eine weiße Tabellen in die Mitte rauf
Mein Problem ist jetzt nur, dass ich nicht weiß, wie ich folgende Navigationsleiste in den Code einbinde, sodass auch die ganzen Effekte beibehalten werden?
Vielleicht versteht jemand was ich will und wenn das ganze irgendwie einfacher geht (vonwegen Tabelle und so) dann bitte schreiben. Bin für alles offen, nur nicht so schwer bitte
ich bin euch gerade beigetreten, weil ich hoffe ihr könnt mir helfen!
Vorweg, ich bin blutiger Anfänger!
Nun zu meiner Frage:
Ich möchte eine Homepage erstellen! Links und rechts soll ein farbiger RAnd sein.
Folgendes habe ich mir dafür ausgedacht, der gesamte Hintergrund der Homepage in der Farbe der zukünftigen Ränder und dann einfach eine weiße Tabellen in die Mitte rauf
HTML:
<head>
<title><endnote><head>
<title><endnote><head>
<meta>
<title></title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(51, 153, 153);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="width: 70%; height: 500px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="height: 100%; width: 100%; background-color: white; text-align: left; vertical-align: top;">
</td>
</tr>
</tbody>
</table>
<br>
</body>Mein Problem ist jetzt nur, dass ich nicht weiß, wie ich folgende Navigationsleiste in den Code einbinde, sodass auch die ganzen Effekte beibehalten werden?
HTML:
<head>
<title>Navigationsleisten</title>
<style type="text/css">
body { font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffe0;
}
div#Rahmen {
width: 47.1em;
padding: 0.8em;
border: 1px solid black;
background-color: silver;
}
* html div#Rahmen { /* Korrektur fuer IE 5.x */
width: 48.7em;
w\idth: 47.1em;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.6em; left: -0.4em;
display: none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
*:first-child+html ul#Navigation ul { /* Workaround fuer den IE 7 */
background-color:silver; padding-bottom:0.4em;
}
ul#Navigation li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */
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;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: maroon; background-color: silver;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}
</style>
</head>
<body>
<h1>Navigationsleiste ...</h1>
<ul id="Navigation">
<li><a href="nav_definieren.htm">Beispiel 1</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
</ul>
</body>Vielleicht versteht jemand was ich will und wenn das ganze irgendwie einfacher geht (vonwegen Tabelle und so) dann bitte schreiben. Bin für alles offen, nur nicht so schwer bitte
