Baukasten- Tools

Gelb

CSS Gelb


Text über den Desing:


<div id="Testdesign2"> <div id="Header_oben">Hier evt Text für Header</div> <div id="Streifen_oben">Hier Dein Inhalt für Streifen oben</div>


Text unter den Desing:


<div id="Streifen_unten">Hier unten könnt Ihr auch etwas einfügen</div></div>


Css-Code ohne Style Tags:


h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-color:#F2F2F2;} a{color:#000080; font-size: 14px; text-decoration: none;} a:hover {color: #000080; font-size: 14px; text-decoration: none;} a:link {color: #000080; font-size: 14px; text-decoration: none;} a:active {color: #000080; font-size: 14px; text-decoration: none;} a:visited {color: #000080; font-size: 14px; text-decoration: none;} li.nav_element a{ color:#FFFFFF; display: block; margin: 5px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#FDC600;}  li.nav_element a:hover{ color:#FFFFFF; display: block; margin: 5px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#F3EA8F;} * { padding: 0; margin: 0; }  #Testdesign2 { margin: 0 auto; width: 922px;}  #Header_oben { color: #333; width: 900px; height: 60px; float: left; padding: 10px; border: 1px solid #80807F; margin: 10px 0px 0px 0px; background-image: none; background: #FDC600;}  #Streifen_oben { float: left; width: 900px; color: #333; padding: 10px; border: 1px solid #80807F; margin: 0px 0px 0px 0px; background: #F3EA8F;}   #content { color: #333; border: 1px solid #80807F; margin: 0px 0px 0px 0px; padding: 10px; height: 320px; width: 738px; float: left; background: #E8E8E3; overflow:auto;}   #nav_container { float: right; color: #333; border: 1px solid #80807F; margin: 0px 0px 0px 0px; padding: 10px; height: 320px; width: 140px; display: inline; background: #FDF6Da;}  #Streifen_unten { width: 900px; clear: both; color: #333; border: 1px solid #80807F; background: #FDC600; margin: 0px 0px 10px 0px; padding: 10px;}  #counter{text-align:center;}