a | b | |
---|
2 | 2 | | <head> |
---|
3 | 3 | | <title>Webseite</title> |
---|
4 | 4 | | <style type="text/css"> |
---|
... | |
---|
5 | | - | <!-- |
---|
... | |
---|
6 | 6 | | * { |
---|
7 | 7 | | margin:0; |
---|
... | |
---|
8 | | - | padding:0; |
---|
... | |
---|
9 | 9 | | font-size:15px; |
---|
10 | 10 | | font-family:Verdana; |
---|
11 | 11 | | } |
---|
... | |
---|
12 | | - | #container { |
---|
12 | | - | width:1037px; |
---|
12 | | - | margin:auto; |
---|
12 | | - | } |
---|
| 12 | + | |
---|
... | |
---|
16 | 16 | | #nav { |
---|
17 | 17 | | width:236px; |
---|
18 | 18 | | background:url('http://www.imagebanana.com/img/ao476iij/index.png') no-repeat center 15px; |
---|
... | |
---|
19 | | - | padding-left:0; |
---|
19 | | - | padding-right:0; |
---|
19 | | - | padding-top:185px; |
---|
19 | | - | padding-bottom:0; |
---|
19 | | - | float:left; |
---|
| 19 | + | padding: 185px 0 0 0; |
---|
| 19 | + | float: right; |
---|
| 19 | + | list-style-type: none; |
---|
... | |
---|
24 | 24 | | } |
---|
... | |
---|
| 25 | + | |
---|
... | |
---|
25 | 25 | | #nav li { |
---|
... | |
---|
26 | | - | background:url('http://europachat.ibitlive.eu/sbt.png') no-repeat ; |
---|
26 | | - | list-style-type:none; |
---|
26 | | - | padding-left:0; |
---|
26 | | - | padding-right:0; |
---|
26 | | - | padding-top:17px; |
---|
26 | | - | padding-bottom:17px; |
---|
| 26 | + | background:url('http://europachat.ibitlive.eu/sbt.png') no-repeat; |
---|
| 26 | + | padding: 17px 0; |
---|
... | |
---|
32 | 32 | | } |
---|
... | |
---|
| 33 | + | |
---|
... | |
---|
33 | 33 | | #nav ul { |
---|
34 | 34 | | background:url('http://europachat.ibitlive.eu/sbb.png') no-repeat bottom; |
---|
... | |
---|
35 | | - | padding-bottom:17px; |
---|
| 35 | + | padding: 0 0 17px 0; |
---|
| 35 | + | list-style: none; |
---|
... | |
---|
36 | 36 | | } |
---|
... | |
---|
| 37 | + | |
---|
... | |
---|
37 | 37 | | #nav h2, #nav ul li { |
---|
38 | 38 | | background:url('http://europachat.ibitlive.eu/sbm.png') repeat-y; |
---|
... | |
---|
39 | | - | padding-left:25px; |
---|
39 | | - | padding-right:25px; |
---|
39 | | - | padding-top:5px; |
---|
39 | | - | padding-bottom:5px |
---|
| 39 | + | padding: 5px 25px; |
---|
... | |
---|
43 | 43 | | } |
---|
... | |
---|
44 | | - | #nav li li { |
---|
44 | | - | list-style:disc inside none; |
---|
44 | | - | } |
---|
| 44 | + | |
---|
... | |
---|
47 | 47 | | #nav h2 { |
---|
48 | 48 | | text-decoration:underline; |
---|
49 | 49 | | } |
---|
... | |
---|
| 50 | + | |
---|
... | |
---|
50 | 50 | | #nav, #nav a { |
---|
51 | 51 | | color:#4af; |
---|
52 | 52 | | } |
---|
... | |
---|
| 53 | + | |
---|
... | |
---|
53 | 53 | | #nav ul h2 { |
---|
... | |
---|
54 | | - | background:none; text-decoration:none; |
---|
| 54 | + | background:none; |
---|
| 54 | + | text-decoration:none; |
---|
... | |
---|
55 | 55 | | } |
---|
... | |
---|
| 56 | + | |
---|
... | |
---|
56 | 56 | | #header { |
---|
57 | 57 | | background:url('http://europachat.ibitlive.eu/header.jpg'); |
---|
58 | 58 | | width:801px; |
---|
59 | 59 | | height:142px; |
---|
... | |
---|
60 | | - | float:left; |
---|
| 60 | + | margin: auto; |
---|
... | |
---|
61 | 61 | | } |
---|
... | |
---|
| 62 | + | |
---|
... | |
---|
62 | 62 | | #header p { |
---|
... | |
---|
63 | | - | padding:40px 70px 0 170px; |
---|
| 63 | + | padding: 40px 90px 0 170px; |
---|
... | |
---|
64 | 64 | | font-weight:bold; |
---|
65 | 65 | | } |
---|
... | |
---|
| 66 | + | |
---|
... | |
---|
66 | 66 | | body { |
---|
67 | 67 | | background:url('http://europachat.ibitlive.eu/bg.jpg') 50% 0 repeat-x fixed #9B5D2B; |
---|
68 | 68 | | } |
---|
... | |
---|
69 | | - | --> |
---|
... | |
---|
70 | 70 | | </style> |
---|
71 | 71 | | </head> |
---|
72 | 72 | | <body> |
---|
... | |
---|
73 | | - | <div id="container"> |
---|
... | |
---|
74 | 74 | | <div id="header"> |
---|
75 | 75 | | <p> |
---|
76 | 76 | | Text im Header? Ich glaub ist keine Überschrift... Mehr Text |
---|
... | |
---|
98 | 98 | | </ul> |
---|
99 | 99 | | </li> |
---|
100 | 100 | | </ul> |
---|
... | |
---|
101 | | - | </div> |
---|
... | |
---|
102 | 102 | | </body> |
---|
103 | 103 | | </html> |
---|
... | |
---|