Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.08.2007 um 12:33 (UTC)    
Titel: Navi oben, aber unter den Header

Halihalo all,

ich habe einen Frage und zwar,
wie kann man Navi oben machen, aber unter den Header machen, also, vielleicht auf der Leiste oder sowas?

Danke für die Hilfe Very Happy

MFg habbo--infos
Beitrag05.08.2007 um 12:47 (UTC)    
Titel:

Beitrag05.08.2007 um 12:49 (UTC)    
Titel:

Ja, ich will doch den CSS Code^^

Kann mir noch jemand helfen wie das geht?


Zuletzt bearbeitet von habbo--infos am 05.08.2007, 14:12, insgesamt einmal bearbeitet
Beitrag05.08.2007 um 16:54 (UTC)    
Titel:

Beitrag05.08.2007 um 19:32 (UTC)    
Titel:

Beitrag05.08.2007 um 19:41 (UTC)    
Titel:

Beitrag05.08.2007 um 19:50 (UTC)    
Titel:

Beitrag05.08.2007 um 20:00 (UTC)    
Titel:

Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 188px;
left:200px;
}

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

.menu a
{
border: 1px solid #888;
background-color: #000000;
background-image: url(http://img410.imageshack.us/img410/2673/blau1cn9.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 32px;
color: #99ff00;
}

.menu a:hover
{
background-image: url(URL DES HOVER BUTTON);
background-color: #000099;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
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">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
MENÜ 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
MENÜ 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
MENÜ 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
MENÜ 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
</ul>
</div>
Beitrag05.08.2007 um 20:06 (UTC)    
Titel:

flitzy hat Folgendes geschrieben:
Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 188px;
left:200px;
}

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

.menu a
{
border: 1px solid #888;
background-color: #000000;
background-image: url(http://img410.imageshack.us/img410/2673/blau1cn9.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: [color=red]pointer[/color];
margin: 0px 2px;
display: block;
height: 32px;
color: #99ff00;
}

.menu a:hover
{
background-image: url(URL DES HOVER BUTTON);
background-color: #000099;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
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">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
MENÜ 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
MENÜ 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
MENÜ 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
MENÜ 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
</ul>
</div>


hab mal alles mit meinem code vergliechen und das ist der einzige unterschid
______________

CSS-Designs und füge deins zur Sammlung hinzu! Coole Bannervorlage


Zuletzt bearbeitet von rockforever2 am 05.08.2007, 21:07, insgesamt einmal bearbeitet
Beitrag05.08.2007 um 20:09 (UTC)    
Titel:

Beitrag05.08.2007 um 20:11 (UTC)    
Titel:

ka bei mir funzt des auch nett ich hab ja die buttins nur bei heights. 20px und da ist des perfekt
______________

CSS-Designs und füge deins zur Sammlung hinzu! Coole Bannervorlage
Beitrag05.08.2007 um 20:13 (UTC)    
Titel:

Beitrag05.08.2007 um 20:18 (UTC)    
Titel:

nehm doch einfach kleinere buttons
______________

CSS-Designs und füge deins zur Sammlung hinzu! Coole Bannervorlage
Beiträge der letzten Zeit anzeigen:   


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