init III
This commit is contained in:
56
HTML CSS Tabs/CSS Menü/css/style.css
Normal file
56
HTML CSS Tabs/CSS Menü/css/style.css
Normal file
@@ -0,0 +1,56 @@
|
||||
body {
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
ul#navigation {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul#navigation li {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul#navigation li a {
|
||||
border: 1px solid #000;
|
||||
background-color: #CCCCCC;
|
||||
padding: 2px 5px 2px 5px;
|
||||
color: #f00;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul#navigation li a:hover {
|
||||
border: 1px solid #000;
|
||||
background-color: #333333;
|
||||
padding: 2px 5px 2px 5px;
|
||||
color: #f00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul#navigation li#active a {
|
||||
border: 1px solid #000;
|
||||
background-color: #CCCCCC;
|
||||
padding: 2px 5px 2px 5px;
|
||||
color: #080;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul#navigation li#active a:hover {
|
||||
border: 1px solid #000;
|
||||
background-color: #333333;
|
||||
padding: 2px 5px 2px 5px;
|
||||
color: #080;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#content {
|
||||
padding: 20px 0 0 0;
|
||||
color: #000;
|
||||
}
|
||||
27
HTML CSS Tabs/CSS Menü/index.html
Normal file
27
HTML CSS Tabs/CSS Menü/index.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<title>Beschreibung der Seite</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul id="navigation">
|
||||
<li id="active">
|
||||
<a href="index.html">Startseite</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="index2.html">Seite 2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="index3.html">Seite 3</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="content">
|
||||
bla
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
27
HTML CSS Tabs/CSS Menü/index2.html
Normal file
27
HTML CSS Tabs/CSS Menü/index2.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<title>Beschreibung der Seite</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul id="navigation">
|
||||
<li>
|
||||
<a href="index.html">Startseite</a>
|
||||
</li>
|
||||
<li id="active">
|
||||
<a href="index2.html">Seite 2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="index3.html">Seite 3</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="content">
|
||||
bla
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
27
HTML CSS Tabs/CSS Menü/index3.html
Normal file
27
HTML CSS Tabs/CSS Menü/index3.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<title>Beschreibung der Seite</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul id="navigation">
|
||||
<li>
|
||||
<a href="index.html">Startseite</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="index2.html">Seite 2</a>
|
||||
</li>
|
||||
<li id="active">
|
||||
<a href="index3.html">Seite 3</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="content">
|
||||
bla
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user