Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.10.2008 um 15:50 (UTC)    
Titel: navigation

ich hab jetzt mal versucht meine navigation ein bisschen zu ändern
ich will das bei der oberen navigation die gleichen wie beim normalen menü sind
ich hab mich schon ein bisschen am code gespielt aber jetzt sind sie unsichtbar!
hier der code:

<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: 160px;
left: 50%;
margin-left:-350px;
width: 100%;
}

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

.menu a
{
border: 1px solid #F2F2F2;
background-url:http://img.webme.com/pic/p/philipp7/buttondesigngruen.jpg;
padding-top: 1px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #000000;
}

.menu a:hover
{
background-url: http://img.webme.com/pic/p/philipp7/buttondesigngruen.jpg;
}

#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');">Designs & anderes </a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://philipp7-info.de.tl/Iceblue-Designs.htm.htm">Iceblue Designs</a></li>
<li><a href="http://philipp7-info.de.tl/Link-me-ar-.htm.htm">Link me! </a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Infos </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://philipp7-info.de.tl/Alles-.ue.ber-mich.htm">Alles über mich </a></li>
<li><a href="http://philipp7-info.de.tl/Rennm.ae.use.htm.htm">Rennmäuse </a></li>
<li><a href="http://philipp7-info.de.tl/Tischtennis.htm">Tischtennis </a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Gästebuch & Kontakt</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://philipp7-info.de.tl/Kontakt.htm.htm.htm" target="_self">Kontakt</a></li>
<li><a href="http://philipp7-info.de.tl/G.ae.stebuch.htm.htm.htm" target="_self">Gästebuch</a></li>
</ul>
</li>
</ul>
</div>

<style type="text/css">
<!--
td.nav a{font-family: bauhaus93;font-size: 11px;color: #FFFFFF;}
td.nav a:hover{font-family: Schriftart;font-size: 11px;color: #FF0000;}
-->
</style>


Zuletzt bearbeitet von philipp7-info am 27.10.2008, 20:54, insgesamt einmal bearbeitet
Beitrag27.10.2008 um 19:55 (UTC)    
Titel:

Ich habe das mal rot markiert, was unsichtbar macht.
Beitrag28.10.2008 um 15:10 (UTC)    
Titel:

danke!
Beiträge der letzten Zeit anzeigen:   


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