a | b | |
---|
| 0 | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
---|
| 0 | + | <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de"> |
---|
| 0 | + | <head> |
---|
| 0 | + | <title>Webseite</title> |
---|
| 0 | + | <style type="text/css"> |
---|
| 0 | + | <!-- |
---|
| 0 | + | * { |
---|
| 0 | + | margin:0; |
---|
| 0 | + | padding:0; |
---|
| 0 | + | font-size:15px; |
---|
| 0 | + | font-family:Verdana; |
---|
| 0 | + | } |
---|
| 0 | + | #container { |
---|
| 0 | + | width:1037px; |
---|
| 0 | + | margin:auto; |
---|
| 0 | + | } |
---|
| 0 | + | #nav { |
---|
| 0 | + | width:236px; |
---|
| 0 | + | background:url('http://www.imagebanana.com/img/ao476iij/index.png') no-repeat center 15px; |
---|
| 0 | + | padding-left:0; |
---|
| 0 | + | padding-right:0; |
---|
| 0 | + | padding-top:185px; |
---|
| 0 | + | padding-bottom:0; |
---|
| 0 | + | float:left; |
---|
| 0 | + | } |
---|
| 0 | + | #nav li { |
---|
| 0 | + | background:url('http://europachat.ibitlive.eu/sbt.png') no-repeat ; |
---|
| 0 | + | list-style-type:none; |
---|
| 0 | + | padding-left:0; |
---|
| 0 | + | padding-right:0; |
---|
| 0 | + | padding-top:17px; |
---|
| 0 | + | padding-bottom:17px; |
---|
| 0 | + | } |
---|
| 0 | + | #nav ul { |
---|
| 0 | + | background:url('http://europachat.ibitlive.eu/sbb.png') no-repeat bottom; |
---|
| 0 | + | padding-bottom:17px; |
---|
| 0 | + | } |
---|
| 0 | + | #nav h2, #nav ul li { |
---|
| 0 | + | background:url('http://europachat.ibitlive.eu/sbm.png') repeat-y; |
---|
| 0 | + | padding-left:25px; |
---|
| 0 | + | padding-right:25px; |
---|
| 0 | + | padding-top:5px; |
---|
| 0 | + | padding-bottom:5px |
---|
| 0 | + | } |
---|
| 0 | + | #nav li li { |
---|
| 0 | + | list-style:disc inside none; |
---|
| 0 | + | } |
---|
| 0 | + | #nav h2 { |
---|
| 0 | + | text-decoration:underline; |
---|
| 0 | + | } |
---|
| 0 | + | #nav, #nav a { |
---|
| 0 | + | color:#4af; |
---|
| 0 | + | } |
---|
| 0 | + | #nav ul h2 { |
---|
| 0 | + | background:none; text-decoration:none; |
---|
| 0 | + | } |
---|
| 0 | + | #header { |
---|
| 0 | + | background:url('http://europachat.ibitlive.eu/header.jpg'); |
---|
| 0 | + | width:801px; |
---|
| 0 | + | height:142px; |
---|
| 0 | + | float:left; |
---|
| 0 | + | } |
---|
| 0 | + | #header p { |
---|
| 0 | + | padding:40px 70px 0 170px; |
---|
| 0 | + | font-weight:bold; |
---|
| 0 | + | } |
---|
| 0 | + | body { |
---|
| 0 | + | background:url('http://europachat.ibitlive.eu/bg.jpg') 50% 0 repeat-x fixed #9B5D2B; |
---|
| 0 | + | } |
---|
| 0 | + | --> |
---|
| 0 | + | </style> |
---|
| 0 | + | </head> |
---|
| 0 | + | <body> |
---|
| 0 | + | <div id="container"> |
---|
| 0 | + | <div id="header"> |
---|
| 0 | + | <p> |
---|
| 0 | + | Text im Header? Ich glaub ist keine Überschrift... Mehr Text |
---|
| 0 | + | zeigt das Element etwas mehr gefüllt blabla und so weiter. |
---|
| 0 | + | Soll das hier nen Bereich mit Notizen werden? |
---|
| 0 | + | </p> |
---|
| 0 | + | </div> |
---|
| 0 | + | <ul id="nav"> |
---|
| 0 | + | <li> |
---|
| 0 | + | <h2>Login</h2> |
---|
| 0 | + | <ul> |
---|
| 0 | + | <li> |
---|
| 0 | + | Nick:<br /><br /> |
---|
| 0 | + | Passwort:<br /> |
---|
| 0 | + | |
---|
| 0 | + | </li> |
---|
| 0 | + | </ul> |
---|
| 0 | + | </li> |
---|
| 0 | + | <li> |
---|
| 0 | + | <h2>Kennst du schon..</h2> |
---|
| 0 | + | <ul> |
---|
| 0 | + | <li> |
---|
| 0 | + | <a href="#usw">Link</a> |
---|
| 0 | + | </li> |
---|
| 0 | + | </ul> |
---|
| 0 | + | </li> |
---|
| 0 | + | </ul> |
---|
| 0 | + | </div> |
---|
| 0 | + | </body> |
---|
| 0 | + | </html> |
---|
... | |
---|