Hallo,
habe heute meine Navi nach oben verlagert... nun ist mein Header nicht mehr oben sondern 2-3 cm. nach unten verrutscht... wo kann ich dies in meinem Text wieder verändern und hängt dies überhaupt mit der Navi zusammen? hab jetzt schon alles mögliche probiert und komme nicht dahinter warum der header nicht wieder nach ganz oben rutscht...
hier mein Text über dem Design
<div id="des">
<style type="text/css">
<!--
li#nav_Tic{display:none;}
li#nav_TicPedigree{display:none;}
li#nav_Zamela{display:none;}
li#nav_Home{display:none;}
li#nav_NEWS{display:none;}
li#nav_Kater{display:none;}
li#nav_Katzen{display:none;}
li#nav_Kitten{display:none;}
li#nav_Links{display:none;}
li#nav_G.ae.stebuch{display:none;}
-->
</style>
<style type="text/css" media="screen">
<!--
body
{
font-family: 'The Girl Next Door', cursive;
font-size: 19px;
overflow: auto;
padding: 20px;
margin: 40px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 130px;
float: left;
}
.menu a
{
border: 1px solid #424242;
background-color: #0f0f0f;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 32px;
color: #8fc9e7;
}
.menu a:hover
{
background-color: #3a3a3a;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 17px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="/Home.htm"> Home</a> </li>
</ul>
</li>
<li><a href="/News.htm"> News</a> </li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Zuchttiere</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="/Kater.htm">Kater</a></li>
<li><a href="/Katzen.htm">Katzen</a></li>
</ul>
</li>
<li><a href="/Kitten.htm"> Kitten</a> </li>
</ul>
</li>
<li><a href="/G.ae.stebuch.htm"> Gästebuch</a> </li>
</ul>
</li>
<li><a href="/Links.htm"> Links</a> </li>
</ul>
</li>
</div>
UND HIER DER TEXT CSS OHNE STYLE:..
body {
background-image: url('http://img.webme.com/pic/c/coolmotion/back1ne31.png');
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: 77b1ee;
font-family: 'The Girl Next Door', cursive;
font-size: 20px;
text-align: center;
}
a {
color: bcbcff;
}
/* Container */
#des {
width: 921px;
margin: 0 auto;
text-align: left;
background-image: url('http://img.webme.com/pic/e/endlessk/wasserfall.png');
background-repeat: repeat-y;
border: 0px solid #ccc;
}
#unten {
clear: both;
}
#title { display:none; }
/* Header */
<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
//-->
</style>
<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
<style type="text/css">
<!--
#header_container {
height: 200px; /* Höhe des Headers */
background-image: url('http://img.webme.com/pic/c/coolmotion/headerbunt.png');
}
#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}
#header {
margin: 0px;
padding-left: 400px;
padding-top: 50px;
color: 77b1ee;
font-family: serif;
display:none;
}
/* Navigation */
#nav_container {
float: left;
width: 200px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
background-repeat: repeat-y;
font-family: 'The Girl Next Door', cursive;
font-size:24px;
}
#nav {
padding: 0;
margin: 10;
}
#nav li {
list-style-type: none;
line-height: 28px;
text-align: center;
display: block;
height: 28px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}
#nav li:hover {
background-image: url('http://img.webme.com/pic/c/coolmotion/button3.png');
}
#nav li:active{
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}
#nav li.subpage {
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
padding-left: 25px;
}
#nav a {
text-decoration: none;
}
#nav a:hover {
color: #77b1ee;
}
#nav a:active{
color: 77b1ee;
}
/* Content */
#content_container {
float: left;
width: 699px;
color: 77b1ee;
}
#content {
padding: 15px;
}
#counter, #sidebar_container {
display: none;
}
td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
</div>
/* Content */
#content_container {
float: left;
width: 699px;
color: 77b1ee;
}
#content {
padding: 15px;
}
#counter, #sidebar_container {
display: none;
}
td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
</div>
tut mir leid dass ich hier soviel rumfrage aber ich bin bald fertig mit der hp und hoffe dass ich dann nicht mehr nerven muss
) so ist auch der Header wieder oben und die Navi nun wo sie sein soll!
