Hi ich habe ein Prob.
Ich möchte auf der Ebene meines Headers unter dem Text 2 Links einfügen, doch stehen diese immer am oberen linken Rand.
könnt ihr mir helfen???
hier der Code der CSS-Datei:
Code
body {
margin: 10px auto;
padding: 0;
font-family: verdana, arial, sans-serif;
text-align: center;
background: #000000;
color: #3350ff;
}
h1, h2, h3 {
font-family: verdana, times new roman, times, serif;
color: ;
background: transparent;
}
p {
font-family: verdana, arial, sans-serif;
color: #3350ff;
background: transparent;
}
a { color: #880000; background: transparent; text-decoration: none;}
a:link { color: #880000; background: transparent; }
a:visited { color: #3350ff; background: transparent; }
a:active { color: #3350ff; background: transparent; }
a:hover { color: #000000; background: #880000; text-decoration: none; }
#header {
margin: 0 auto;
padding: 0;
width: 768px;
height: 117px;
text-align: left;
background: url(http://yetizwerg.ye.ohost.de/Bilder/header.jpg) no-repeat top center;
color: #3350ff;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 5px solid #000000;
border-left: 1px solid #000000;
}
#title {
margin: 0px;
padding: 50px 0 0 25px;
background: transparent;
color: #3350ff;
}
#title h1 {
margin: 0;
padding: 0;
display: none;
}
#container {
margin: 0 auto;
padding: 0;
color: #3350ff;
background: transparent;
width: 768px;
text-align: left;
}
h2.section {
margin-top: 10px;
font-size: 13px;
background: transparent;
color: ;
border-bottom: 1px solid ;
}
#sidebar {
float: left;
width: 150px;
padding: 0px 5px 10px 0px;
background: transparent;
color: #3350ff;
}
#sidebar p {
font-size: 11px;
margin: 5px 0px;
}
#sidebar ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}
#sidebar li {
background: transparent;
font: 11px lucida grande, verdana, arial, sans-serif;
color: #3350ff;
}
#content {
float: left;
width: 368px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background: transparent;
color: #3350ff;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
h2.date {
margin-top: 10px;
padding: 2px 5px;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.09em;
text-align: right;
background: transparent;
color: ;
border-top: 1px solid #000000;
border-right: 5px solid #000000;
}
h3.subject {
font-size: 12px;
letter-spacing: 0.09em;
text-transform: uppercase;
background: transparent;
color: ;
}
div.timestamp {
font: 11px verdana, times new roman, times, serif;
letter-spacing: 0.09em;
margin-top: 10px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid #000000;
border-left: 5px solid #000000;
}
#content p {
font-size: 12px;
margin: 10px 0px 5px 10px;
}
#rightbar {
float: left;
width: 150px;
padding: 0px 0px 10px 5px;
background: transparent;
color: #3350ff;
}
#rightbar p {
font-size: 11px;
margin: 5px 0px;
}
#rightbar ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}
#rightbar li {
background: transparent;
font: 11px verdana, arial, sans-serif;
color: #3350ff;
}
#footer {
margin: 0 auto;
padding: 0;
width: 768px;
text-align: left;
background: transparent;
font-size: 10px;
color: #3350ff;
}
#credits {
float: left;
width: 140px;
padding: 5px;
background: #383838;
color: #a19e9e;
border: 1px solid #000000;
}
#credits p {
margin: 0px;
color: #a19e9e;
background: #383838;
}
#space {
float: left;
width: 540px;
padding: 5px;
background: transparent;
color: #3350ff;
border-top: 1px solid #000000;
}
#button {
float: left;
width:60px;
margin-left: 0px;
padding: 0px;
background-color: transparent;
border: 0px solid black;
}
Alles anzeigen
und der HTML-Datei:
Code
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="PKJ ist ein Projekt, dass es auch Leihen erleichtern soll einfache Programme, die Spass machen zu erstellen." />
<meta name="author" content="YetiZwerg" />
<meta name="keywords" content="PKJ, YetiZwerg, programmieren, kann, jeder, Hompage, HTML-seminar, HTML, Download, Template" />
<meta name="copyright"/>
<link rel="stylesheet" type="text/css" href="test.css">
<title> PKJ - YetiZwerg</title>
</head>
<body>
<div id="header">
<div class="button">
<a href="http://yetizwerg.ye.ohost.de/gb.html">Gästebuch</a>
</div>
<div class="button">
<a href="http://yetizwerg.ye.ohost.de/forum.html">Forum</a>
</div>
<div id="title"><h1><a href="http://www.pkj.de.vu">PKJ - YetiZwerg</a></h1></div>
</div>
<div id="container">
<div id="sidebar">
<h2 class="section">About</h2>
<p>Mein Name ist YetiZwerg. Ich bin der Gründer von PKJ. Im Laufe der Zeit entwickelt sich meine Seite immer weiter. Seht euch doch um</p>
<h2 class="section">Dateien</h2>
<ul>
<li><b><a href="http://www.xup.in/dl,44623019/erstelle_deinen_eigenen_Virus.vbs/" >erstelle deinen eigenen Virus</a></b></li>
<li><b><a href="http://www.xup.in/dl,59337280/erstelle_deinen_eigenen_Virus_2.vbs/" >erstelle deinen eigenen Virus 2</a></li>
<li><b><a href="http://www.xup.in/dl,71913427/dein_Virus_die_2te.vbs/" >dein Virus die 2te</a></b></li>
<li><b><a href="http://www.xup.in/dl,17735552/programmieren_fuer_jeden.vbs/" >programmieren fuer jeden</a></b></li>
<li><b><a href="http://www.xup.in/dl,49607817/Binaerrechner.vbs/" >Binärrechner</a></b></li>
<li><b><a href="http://www.xup.in/dl,11698781/Kalender2.vbs/" >Kalender</a></b></li>
</ul>
<h2 class="section">Template</h2>
<ul>
<li><a target="_blank" href="http://yetizwerg.ye.ohost.de/Datei/template1.html">Template 1</a></li>
<li><a target="_blank" href="http://yetizwerg.ye.ohost.de/Datei/template2.html">Template 2</a></li>
<li><a target="_blank" href="http://yetizwerg.ye.ohost.de/Datei/template3.html">Template 3</a></li>
</ul>
</div>
<div id="content">
<h2 class="date"> </h2>
<h3 class="subject">Herzlich Willkommen</h3>
<p>Du befindest dich auf der Seite von PKJ (programmieren kann jeder)</p>
<p>Alle Dateien, die auf dieser Seite zum Download bereitstehen, sind zu 100 % kostenlos und unschädlich<br /><br />
Es handelt sich hierbei nicht um wahrhaftige Viren, sondern viel eher um kleine Programme, die einfach nur Spass und evtl. etwas nervtötendes aufbringen sollen.<br /><br />
Natürlich gibt es auch nützliche unter ihnen. Seht euch einfach mal um.</p>
<p>PS: Alle Dateien, die hier zum Download bereitstehen sind .VBS-Dateien und daher nur unter Windows ausführbar.</p>
<div class="timestamp"></div>
<h2 class="date"> </h2>
<h3 class="subject">Template für die eigene Seite</h3>
<p>Ich stelle euch hier kostenlos CSS-Scripte zur Verfügung um euerer Seite das gewisse Etwas zu verleihen. Schaut doch mal rein</p>
<p>Nach anklicken des Links geht ein neues Fenster auf - den Quellcode können Sie ansehen - rechte Maustaste drücken und Seitenquelltext anzeigen.</p>
<div class="timestamp"></div>
<h2 class="date"> </h2>
<h3 class="subject">Verlinkung meiner Seite</h3>
<p>Ich würde mich sehr freuen, wenn Ihr mein Logo mit folgendem Code auf euerer Seite einbetten würdet.</p>
<center> <p><img src="http://yetizwerg.ye.ohost.de/Bilder/lk.jpg" border="0" /></p> </center>
<p>Der Code zum einbetten:<br />
HTML: <input name="A" type="text" value="<a href='http://pkj.de.vu'><img src='http://yetizwerg.ye.ohost.de/Bilder/lk.jpg' /></a>" /></p>
<p><a href="http://www.webmart.de/t.cfm?id=504724" target="_blank"><b>oder sende eine Empfehlung per E-Mail</b></a></p>
<div class="timestamp"></div>
<h2 class="date"> </h2>
<h3 class="subject">Umfrage</h3>
<p><script type="text/javascript">function wml17090097(pid){if (pid==-1){pid=0; df=document.voteform17090097;for (i=0;i<df.elements.length;i++){ if (df.elements[i].name=='PID' && df.elements[i].checked==true){pid=df.elements[i].value; break; }}}breite=500; hoehe=550; wmvotes=window.open(document.voteform17090097.action+'?id=17090097&pid='+pid,'WMVotes','width='+breite+',height='+hoehe+',left='+Math.ceil(screen.width/2-breite/2)+',top='+Math.ceil((screen.height-hoehe)/2)+',scrollbars=1,resizable=1'); wmvotes.focus();}</script> <style type="text/css"> #wmvt17090097{text-align:center;} #wmvt17090097 div, #wmvt17090097 td{font-family:Verdana,Arial,Geneva;} #wmvt17090097 form{margin:0;padding:0} #wmvt17090097 .wmvt2{width:280px;background-color:#EEEEEE;text-align:left;border:1px solid #31639C;margin:0 auto 0 auto;} #wmvt17090097 .wmtl{font-size:13px;color:#FFFFFF;font-weight:bold;background-color:#31639C;padding:3px} #wmvt17090097 .wmds{font-size:12px;color:#000000;font-weight:bold;padding:3px;} #wmvt17090097 .wmbs{font-size:12px;color:#000000;padding:0 3px 3px 3px;} #wmvt17090097 .wmtd{font-size:12px;color:#000000;} #wmvt17090097 .wmbg1{background-color:#EEEEEE} #wmvt17090097 .wmbg2{background-color:#DDDDDD} #wmvt17090097 .wmbt{font-size:11px;} #wmvt17090097 a.wma:link, #wmvt17090097 a.wma:visited, #wmvt17090097 a.wma:active, #wmvt17090097 a.wma:hover{font-size:10px;color:#0000FF;text-decoration:none;} </style><div id="wmvt17090097"><div class="wmvt2"><div class="wmtl">Umfrage</div><div class="wmds">Wie beurteilt ihr die Seite von PKJ?</div><form name="voteform17090097" action="http://votes.webmart.de/v.cfm" method="get" target="wmvotes"><input type="hidden" name="ID" value="17090097" /><table cellpadding="3" cellspacing="0" width="100%"><tr class="wmbg1"><td width="20" align="right" valign="top"><input type="radio" name="PID" value="1551851" /></td><td width="259" class="wmtd"> 1/5 - sehr schlecht</td></tr><tr class="wmbg2"><td width="20" align="right" valign="top"><input type="radio" name="PID" value="1551852" /></td><td width="259" class="wmtd"> 2/5</td></tr><tr class="wmbg1"><td width="20" align="right" valign="top"><input type="radio" name="PID" value="1551853" /></td><td width="259" class="wmtd"> 3/5</td></tr><tr class="wmbg2"><td width="20" align="right" valign="top"><input type="radio" name="PID" value="1551854" /></td><td width="259" class="wmtd"> 4/5</td></tr><tr class="wmbg1"><td width="20" align="right" valign="top"><input type="radio" name="PID" value="1551855" /></td><td width="259" class="wmtd"> 5/5 - sehr gut</td></tr></table><div style="float:left;padding:3px;"><script type="text/javascript">document.write('<input type="button" class="wmbt" value="Abstimmen" onclick="wml17090097(-1)">');</script><noscript><input class="wmbt" type="submit" value="Abstimmen"></noscript></div><div style="float:right;padding:3px;"><script type="text/javascript">document.write('<input type="button" class="wmbt" value="Ergebnis" onclick="wml17090097(0)">');</script><noscript><input class="wmbt" type="submit" value="Ergebnis"></noscript></div><div style="clear:both"></div></form><div class="wmtd" style="text-align:center;padding-bottom:3px;"><a href="http://www.webmart.de" target="_blank" title="Homepage Tools" class="wma">WebMart</a></div></div></div></p>
<div class="timestamp"></div>
</div>
<div id="rightbar">
<h2 class="section">Musik</h2>
<ul>
<li><a target="_blank" href="Musik/enomine.html">E Nomine</a></li>
<li><a target="_blank" href="Musik/megaherz.hmtl">Megaherz</a></li>
<li><a target="_blank" href="Musik/steinkind.html">Steinkind</a></li>
<li><a target="_blank" href="musik.html">Radio</a></li>
</ul>
<h2 class="section">Disclaimer</h2>
<p>Ich distanziere mich hiermit ausdrücklich von allen Inhalten aller verlinkten Seitenadressen auf meiner Homepage und mache mir diese Inhalte nicht zu eigen.</p>
<h2 class="section">interne Links</h2>
<ul>
<li><a href="gb.html">Gästebuch</a></li>
<li><a href="forum.html">Forum</a></li>
</ul>
<h2 class="section">externe Links</h2>
<ul>
<li><a href="http://www.html-seminar.de">HTML-Seminar</a></li>
<li><a href="http://www.wer-kennt-wen.de">Ursprung</a></li>
</ul>
<h2 class="section">Werbung</h2>
</div>
</div>
<div id="footer">
<div id="credits">
<p>Hier noch etwas Schleichwerbung:<br />
Alles, was ich über HTML gelernt habe, habe ich von HTML-Seminar. Nochmals Danke an den Autor. Ist echt 'ne klasse Idee.</p><p>Den Link findet ihr bei 'externe Links'.</p>
</div>
<div id="space"></div>
</div>
</body>
</html>
Alles anzeigen
Was habe ich falsch gemacht??
Bitte helft mir