Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.06.2007 um 11:41 (UTC)    
Titel: Fragen zur oberen Navi.

Edit: So habe jetzt oben ne navi drin meine fragen:

Wie bekomme ich die Navi in die Mitte?

Wie kann ich sie farblich an meine normale Navigation anpassen?

Hier mein Code:

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;
}
li a {padding-top: 5px;}

div.menu
{
position: absolute;
z-index: 3;
top: 140px;
left: 50%;
margin-left: -405px;

}

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

.menu a
{
border: 1px solid #0000FF;
background-color: #000000;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #0000FF;
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: bold;
padding-top: 5px;
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="http://sebastianhlavaty.de.tl/Home.htm">
Home</a>
</li>

<li><a href="javascript:void();" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

Handball</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://sebastianhlavaty.de.tl/Spielfeld.htm">Spielfeld</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Torraum.htm">Torraum</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Spielball.htm">Spielball</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Feldspieler.htm">Feldspieler</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Wurftechniken.htm">Wurftechniken</a></li>

</ul>
</li>

<li><a href="javascript:void();" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Fergie</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://sebastianhlavaty.de.tl/Aktuelles.htm">Aktuelles</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Steckbrief.htm">Steckbrief</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Bilder.htm">Bilder</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Videos.htm">Videos</a></li>
<li><a href="http://sebastianhlavaty.de.tl/Links%B2.htm">Links</a></li>

</ul>
</li>






</li>
</div>


Zuletzt bearbeitet von sebastianhlavaty am 13.06.2007, 16:42, insgesamt 2-mal bearbeitet
Beitrag13.06.2007 um 15:43 (UTC)    
Titel:

Habe in deinem Beitrag rot markiert, was du ändern musst um die Navigation mittig zu bekommen. Du kannst dort auch noch eine weitere Zeile mit right einbauen um auch die Positionierung von Rechts festzulegen. Du musst hier nur mit den Zahlen etwas rum spielen, um die Navigation mittig zu bekommen.
______________
LG André

GMMTS.de
Beitrag13.06.2007 um 16:40 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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