Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.02.2009 um 16:39 (UTC)    
Titel: Navi soll oben sein

Hallo ich will mein Navi nach obent setzten!! Aber es ist in der mitte vom Banner

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#3154FF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Sonstiges</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://kotzz-chat.mainchat.de/" target="_self">kotzz-Chat</a></li>
<li><a href="http://kotzz.ourtoolbar.com/" target="_self">Toolbar</a></li>
<li><a href="http://kotzz.de.tl/Impressum.htm" target="_self">Impressum </a></li>
</ul>
</li>



<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Designs</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kotzz-designs.de.tl/Avatar_Galerie.htm" target="_self">Avatar-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Signatur_Galerie.htm" target="_self">Signatur-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Design_Galerie.htm" target="_self">Design-Galerie</a></li>
</ul>
</li>
</ul>
</div>

Das habe ich bei text über Design!
Beitrag02.02.2009 um 16:44 (UTC)    
Titel:

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#3154FF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Sonstiges</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://kotzz-chat.mainchat.de/" target="_self">kotzz-Chat</a></li>
<li><a href="http://kotzz.ourtoolbar.com/" target="_self">Toolbar</a></li>
<li><a href="http://kotzz.de.tl/Impressum.htm" target="_self">Impressum </a></li>
</ul>
</li>



<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Designs</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kotzz-designs.de.tl/Avatar_Galerie.htm" target="_self">Avatar-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Signatur_Galerie.htm" target="_self">Signatur-Galerie</a></li>
<li><a href="http://kotzz-designs.de.tl/Design_Galerie.htm" target="_self">Design-Galerie</a></li>
</ul>
</li>
</ul>
</div>


Habe es dir rot markiert womit du positionieren kannst!
Beitrag02.02.2009 um 16:50 (UTC)    
Titel:

cool danke hat geklappt!! So noch ne frage ich habe oben rechts bei meinem Banner so ein feld!! wie lösch ich das??? Ich glaub das war der Counter denn ich nicht richtig gelöscht habe!!???
Zitat:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}





body {
background-color:#6D6565;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 1150px;
height:1150px;
background-image:url() ;}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 950px;
height:100px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/bannernew.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}



#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 580px;
height: 580px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/backblue.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}




#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 260px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:10px solid #2B2020;
color:#000000;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -470px;
width: 160px;
border:10px solid #2B2020;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#2B2020;
background-image:url(http://img.webme.com/pic/k/kotzz/buttonice.jpg);
border: 2px solid #2B2020;}

li.nav_element a:hover{
color: #000000;
background-color:#10C6EB;
background-image:url();}



Zuletzt bearbeitet von kotzz am 02.02.2009, 17:51, insgesamt einmal bearbeitet
Beitrag02.02.2009 um 16:56 (UTC)    
Titel:

Zitat:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}





body {
background-color:#6D6565;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 1150px;
height:1150px;
background-image:url() ;}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}



#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 950px;
height:100px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/bannernew.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}



#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 580px;
height: 580px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/k/kotzz/backblue.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}




#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 260px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:10px solid #2B2020;
color:#000000;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -470px;
width: 160px;
border:10px solid #2B2020;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#2B2020;
background-image:url(http://img.webme.com/pic/k/kotzz/buttonice.jpg);
border: 2px solid #2B2020;}

li.nav_element a:hover{
color: #000000;
background-color:#10C6EB;
background-image:url();}



Das rote einfach löschen!
Achja das was du meinst ist nicht ein Banner sondern ein Header!
Beitrag02.02.2009 um 16:56 (UTC)    
Titel:

Zitat:
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Ändere das mal in:
Zitat:
#counter{display: none;}
Oder soll der nur in der position geändert werden?
(Dann musst du die zahlen beim blau makierten ändern)

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 02.02.2009, 17:57, insgesamt einmal bearbeitet
Beitrag02.02.2009 um 17:00 (UTC)    
Titel:

so danke,sorry meinte header aber hab banner geschrieben Very Happy
Habe counter gelöscht!!
Beitrag02.02.2009 um 17:46 (UTC)    
Titel:

Gibt´s sowas auch für den Butterfly Design? Embarassed
Beitrag02.02.2009 um 17:50 (UTC)    
Titel:

Ja, einfach den Code von oben nehmen,
denn das Coolmenü kannst du im jedem Design verwenden,
du solltest dann nur das Aussehen und die Links ändern.

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de