Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.12.2010 um 19:57 (UTC)    
Titel: menü fixiren

ich hab ein menü von ig444 z.Z. in benutzung. wo ich es im forum gefunden hab ...kp.
dieses möchte ich nun, das es beim scrollen "mit läuft"!

kennt einer von euch ne codierung dafür?
hir noch mal der momentane code:
Zitat:

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 285px;
left: 320px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #ADFF2F; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
color: #80cb12;
background-color: #ADFF2F;
background-image: url( );
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.jc-geesthacht.de.tl/">JCG</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/der-tanz.htm">Der Tanz</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/die-musik.htm">Die Musik</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/entstehung.htm">Entstehung</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/szene.htm">Szene</a></li>
</ul>
</li>

und weitere links...
links ende
....
</div>

______________
Beitrag28.12.2010 um 23:05 (UTC)    
Titel:

Probiere es mal mit
Code:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: fixed;
z-index: 3;
top: 285px;
left: 320px;
width:850px; }

anstatt
Code:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 285px;
left: 320px;
width:850px; }


Zuletzt bearbeitet von freefunstuff am 29.12.2010, 00:06, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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