Autor |
Nachricht |
-
habbo--infos
Wohnort: Berlin
|
05.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
MFg habbo--infos |
|
↑
|
|
|
-
nnamrehshomepage
|
05.08.2007 um 12:47 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
habbo--infos
Wohnort: Berlin
|
05.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
|
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
05.08.2007 um 16:54 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
flitzy
|
05.08.2007 um 19:32 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
flitzy
|
05.08.2007 um 19:41 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
rockforever2
|
05.08.2007 um 19:50 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
flitzy
|
05.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> |
|
↑
|
|
|
-
rockforever2
|
05.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
|
|
↑
|
|
|
-
flitzy
|
05.08.2007 um 20:09 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
rockforever2
|
|
↑
|
|
|
-
flitzy
|
05.08.2007 um 20:13 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
rockforever2
|
05.08.2007 um 20:18 (UTC) Titel: |
|
|
|
|
↑
|
|
|
|