Einzelnen Beitrag anzeigen
  #5 (permalink)  
Alt 17.02.2010, 09:27
hansegirl2 hansegirl2 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2010
Beiträge: 10
hansegirl2 befindet sich auf einem aufstrebenden Ast
Standard

oh, na klar:

Code:
html, body                 { color: #fff; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url("Bilder/bg.jpg"); background-repeat: repeat-y; background-position: 50% 0; margin: 0; padding: 0; height: 100%; }
h1      { color: #fff; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; margin-right: 0; margin-bottom: 0.67em; margin-left: 0; padding-top: 2px; }
p  { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
div#site { background-position: 50% 0; text-align: left; margin: 0 auto; padding: 0; width: 900px; }
div#header          { background-image: url("Bilder/mk_bg.jpg"); background-repeat: no-repeat; background-position: 50% 0; margin-top: 0; margin-bottom: 0; padding-top: 330px; border-right: 2px dotted #4c8fc6; border-left: 2px dotted #4c8fc6; }
#Inhalt                     { margin-left: 173px; padding-bottom: 20px; padding-left: 40px; width: 510px; border-left: 2px dotted black; }
ul#Navigation            { font-size: 18px; background-color: #4c8fc6; margin: 10px 0 0; padding: 0; z-index: 3; width: 173px; float: left; }
ul#Navigation li   { list-style: none; margin: 0; padding: 5px 0.5em; }
ul#Navigation a     { font-weight: bold; text-decoration: none; display: block; margin-right: -9px; margin-left: -9px; padding: 0.2em 0 0.2em 22px; }
ul#Navigation #aktuell a { font-weight: bold; text-decoration: none; background-color: #91cae8; display: block; padding: 0.2em 0.2em 0.2em 22px; }
ul#Navigation a:link    { color: #fff; text-decoration: none; padding-left: 18px; }
ul#Navigation a:visited  { color: #fff; background-color: #4c8fc6; }
ul#Navigation a:hover  { color: #fff; background-color: #91cae8; }
ul#Navigation a:active  { color: white; background-color: #91cae8; }

ul#Navigation li ul  { display: none; }
ul#Navigation li:hover ul  { display: block; }
ul#submenu { display: block; }
ul#submenu a { display: block; border-top: 1px solid #91cae8; border-bottom: 1px solid #91cae8; }
ul#submenu li { display: block; margin-left: -30px; }
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>Unbenannte Seite</title>
		<link href="style.css" rel="stylesheet" type="text/css">
		</head>

<body>
	
<div id="site">

	<div id="header">
	
		<ul id="Navigation">
  			<li id="aktuell"><a href="index.html">Login</a></li>
  				<ul id="submenu">
  					<li><a href="hilfe.html">Test</a></li>
  					<li><a href="hilfe.html">Test</a></li>
  				</ul>
  			<li><a href="hilfe.html">Hilfe</a></li>
  			<li><a href="kontakt.html">Kontakt</a></li>
		</ul>
	
		<div id="Inhalt">
  		<h1>LOGIN</h1>
  		<p>Bitte melde dich mit deinen pers&ouml;nlichen Daten an. Du gelangst nach deiner Anmeldung in den internen Bereich von.
  		<br />
  		<br />
		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
		<br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
  		<br />
  		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
		<br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
		<br />
  		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
		<br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
		<br />
		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
		<br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.	
  		</p>
		</div>
	
	</div>

</div>
	
</body>

</html>
Mit Zitat antworten