Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.06.2007 um 09:03 (UTC)    
Titel: Navi unter Header mit eigenen Buttons

Ich würde gerne eine Navi unter bzw. im unteren Bereich vom Header haben. Aber mit eigenen Buttons.
Ein Bsp. für die eigenen Buttons wäre das: www.superboy2.de.tl

Denn auf dieser Seite sind eigene Buttons für die Navi im Header verwendet worden und das würde ich auch gerne so haben.

Aber ich würde die Navi gerne unter dem Header haben, also das Design etwas nach unten verschieben.

Kann mir jemand Codes für meine Vorhaben geben?
______________
Mich gibt es hier nicht mehr!!
Beitrag16.06.2007 um 09:08 (UTC)    
Titel:

Beitrag16.06.2007 um 09:13 (UTC)    
Titel:

Danke! Wink

Aber die Navi ist jetzt ÜBER dem Header...

Wie krieg ich die UNTER den Header?
______________
Mich gibt es hier nicht mehr!!
Beitrag16.06.2007 um 09:15 (UTC)    
Titel:

Probiers mal mit:
Zitat:

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

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

.menuscript
{
position: absolute;
z-index: 3;
top: 150px;
left: 50%;

}

.menuscript li
{
width: 100px;
float: left;
}

.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}


//-->
</style>


<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<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>

</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Header</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Balken</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Colourful</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Button</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>


</ul>
</div>

</td>
</tr>

</table>
</div>


Das rot makierte hab ich mal umgeändert (kann auch noch angepasst werden). Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag16.06.2007 um 09:22 (UTC)    
Titel:

EDIT:

Ich hab das Problem nun mit Hilfe von Outcast-Inventions gelöst.








*Der Threat kann geclosed werden!*
______________
Mich gibt es hier nicht mehr!!


Zuletzt bearbeitet von mg21 am 16.06.2007, 11:30, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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