Fals falsch gepostet pls verschieben.
Ich will in meiner HP ein Header haben, und gerad komm ich nicht weiter habe alles mögliche gemacht hoff ihr könnt mir den einbauen.
Hier die Sachen:
TEXT über dem Design:
HTML Code:
<div id="design">
<div id="header">
<h1 class="hptitle">Bazs-Production</h1>
<h2 class="slogan">Rappenlernen leicht gemacht!.</h2>
</div>
<div id="main">
<div id="menu">
<div id="menu_items">
<a href="http://bazs-production.de.tl/Home.htm">» Startseite</a>
<a href="http://bazs-production.de.tl/2011-Rap-Tutorials.htm">» 2011 Rap Tutorials</a>
<a href="http://bazs-production.de.tl/Kontakt.htm">» Kontaktformular</a>
<a href="http://bazs-production.de.tl/Forum/index.htm">» Forum</a>
<a href="http://bazs-production.de.tl/Login.htm">» Login</a>
</div></div>
<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h2>Bitte wählen</h2>
<br />
<div id="box_items">
<a href="http://bazs-production.de.tl/Home.htm">» Startseite</a>
<a href="http://bazs-production.de.tl/2011-Rap-Tutorials.htm">» 2011 Rap Tutorials</a>
<a href="http://bazs-production.de.tl/Kontakt.htm">» Kontaktformular</a>
<a href="http://bazs-production.de.tl/Forum/index.htm">» Forum</a>
<a href="http://bazs-production.de.tl/Login.htm">» Login</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>Homepage endlich Online !!!!!</p>
<br />
<h1>Partner</h1>
<h2>von Homepage</h2>
<br />
<div id="box_items">
<a href="#">» Partner 1</a>
<a href="#">» Partner 2</a>
<a href="#">» Partner 3</a>
<a href="#">» Partner 4</a>
<a href="http://bazs-production.de.tl/Bewirb-dich-ar--ar-.htm">» Bewirb dich!!</a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>
<div id="ctop"></div>
<div id="subpage"><h1>Bazs-Production</h1></div>
CSS-Code ohne Tags:
HTML Code:
/*Redstar Black - Copyright by www.Poddi.de.tl*/
/*VERSTECKT*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}
/*VERSTECKT ENDE*/
/*HINTERGRUND*/
body{
background: #000;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNG*/
*{padding: 0;margin: 0;}
p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #dc0000;
}
h2{
margin: 0px;
font-size: 100%;
color: #000000;
}
a{
color: #a9ac99;
text-decoration: none;
outline: none;
}
a:hover{
color: #dc0000;
text-decoration: underline;
}
ul, li{
list-style-type: square;
}
hr{
height: 1px;
border: 0px dashed #ced2ba;
background-color: #ced2ba;
margin: 5px;
}
img{
border: 0px;
}
/*FORMATIERUNG ENDE*/
/*DESIGNCONTAINER*/
#design{
width: 900px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;
}
#main{
width: 900px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
background-repeat: repeat-y;
float: left;
clear.both;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
h1.hptitle{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 70px; margin-left: 180px;
color: #fff;
}
h2.slogan{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;
}
#header{
background-image: url(http://img.webme.com/pic/p/poddi-designs/7_header.png);
background-repeat: no-repeat;
width: 900px;
height: 159px;
color: #ffffff;
margin: 0px auto;
float: left;
clear:both;
margin-top: 0px;
}
/*HEADER ENDE*/
/*BOX*/
#box{
width: 200px;
color: #000;
float: left;
margin-left: 10px;
}
#btop{
width: 200px;
height: 25px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
color: #000;
float: left;
}
#bbg{
width: 180px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
color: #000;
float: left;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#bbottom{
width: 200px;
height: 5px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
color: #000;
float: left;
}
#box_items a:link,
#box_items a:visited,
#box_items a:hover {
font-weight: bold;
width: 159px;
height: 16px;
color:#a9ac99;
display:block;
padding: 3px;
border-bottom: 1px solid #ced2ba;
}
#box_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*BOX ENDE*/
/*INHALTSBEREICH*/
#subpage{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#ctop{
width: 668px;
height: 25px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
margin-right: 10px;
}
#content{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#cbottom{
width: 668px;
height: 5px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
margin-right: 10px;
}
/*INHALTSBEREICH ENDE*/
/*MENU*/
#menu {
width: 858px;
height: 27px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
margin: 10px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
color: #000;
}
#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-weight: bold;
height: 16px;
color:#a9ac99;
display:block;
float: left;
border-right: 1px solid #bdbdbd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
}
#menu_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*MENU ENDE*/
/*FOOTER*/
#footer{
width: 900px;
min-height: 11px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
color: #fff;
margin-bottom: 20px;
padding-top: 20px;
text-align: right;
float: left;
clear: both;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover{
color: #dc0000;
text-decoration: underline;
}
/*FOOTER ENDE*/
/*WEITERES*/
input{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
textarea{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
input[type=submit]{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
cursor: pointer;
}
/*WEITERES ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/
und hier kommt das Logo was rein soll:
HTML for Websites
HTML Code:
<a href="http://tinypic.com*******25ezgo9" target="_blank"><img src="http://i44.tinypic.com/25ezgo9.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
IMG Code for Forums & Message Boards
HTML Code:
[IMG]http://i44.tinypic.com/25ezgo9.jpg[/IMG]
URL for E-Mail & IM
Direct Link for Layouts
Ich weiß jetzt nicht was ihr brauchen tut, von daher habe ich alles gepostet
