mitlaufende Menüleiste

Avoir · 30.09.2009

AW: mitlaufende Menüleiste

ich weis nicht was du meins, und was für auswirkung dasalles hat *wunder*

wo genau mus das denn jetz hin ?

ah, wie mache ich das den das die texte sich gleichmäßig ferteilen? also auf chenter stellen, aber wie schreibe ich das und wo, ins *.php hinein ? oder in das js?

lg

Chriss1987 · 01.10.2009

AW: mitlaufende Menüleiste

Avoir schrieb:
ich weis nicht was du meins, und was für auswirkung dasalles hat *wunder*

wo genau mus das denn jetz hin ?

ah, wie mache ich das den das die texte sich gleichmäßig ferteilen? also auf chenter stellen, aber wie schreibe ich das und wo, ins *.php hinein ? oder in das js?

lg

Guten Morgen,

also ich meine, dass die ganze Seite ein paar Pixel nach oben wandert, wenn das Menü an den Fensterrand geklebt wird, weil die Höhe der Div vom Menü ja aus dem normalen Textfluss genommen wird, fällt aber garnicht so sehr auf, alo kannst du es auch so lassen!

Schöne Grüße aus dem Sauerland!
Chriss

Avoir · 01.10.2009

AW: mitlaufende Menüleiste

klein micha ist leider ein Perfecktionist....

also wo mus ich das jetzt reinschreiben?
in der *.js steht:

function position_fenster()
{
position = get_scroll_position();

if (position > 150)
{

document.getElementById('navigation').style.position = "fixed";

document.getElementById('navigation').style.top = "0px";
document.getElementById('navigation').style.marginTop = "0px";
}

else if (position <= 150)
{

document.getElementById('navigation').style.position = "relative";
document.getElementById('navigation').style.top = "1px";
document.getElementById('navigation').style.marginTop = "5px";
}
}

Chriss1987 · 01.10.2009

AW: mitlaufende Menüleiste

Hi,

du musst folgende Stellen ändern:

HTML:

// HTML
	<div id="navigationersatz"></div>
    
	<div id="navigation">
			<ul>
				<li><a href="index.php">&raquo; Über mich</a></li>
				<li><a href="galerie.php">&raquo; Galerie</a></li>
				<li><a href="kunden.php">&raquo; Kunden</a></li>

				<li><a href="kontakt.php">&raquo; Kontaktformular</a></li>
				<li><a href="Vertrags-Muster.php">&raquo; Verträge</a></li>
				<li><a href="recht.php">&raquo; Hinweise</a></li>
				<li><a href="foto-blog.php">&raquo; Foto-Blog</a></li>
            </ul>
	</div>

// CSS
#navigationersatz {
	clear: right;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
    width: 665px;
    height: 0px;
}

#navigation {
	clear: right;
	border: 1px solid #000;
	margin-top: 40px;
	margin-bottom: 1px;
	padding: 5px 10px 5px 0px;
	background: url("http://www.psd-tutorials.de/modules/Forum/images/navi_bg0.png") bottom left repeat-x;
    width: 665px;
}


// test.js
function position_fenster()
    {
        position = get_scroll_position();
       
        if (position > 166)
            {
               
                document.getElementById('navigation').style.position = "fixed";
                document.getElementById('navigation').style.top = "0px";
                document.getElementById('navigation').style.marginTop = "0px";
                
                document.getElementById('navigationersatz').style.height = "42px";
                document.getElementById('navigationersatz').style.marginTop = "40px";
            }
       
        else if (position <= 166)
            {
                
                document.getElementById('navigation').style.position = "relative"; 
                document.getElementById('navigation').style.top = "1px";
                document.getElementById('navigation').style.marginTop = "5px";
                
                document.getElementById('navigationersatz').style.height = "0px";
                document.getElementById('navigationersatz').style.marginTop = "0px";
            }
    }

Habs allerdings nicht ausprobiert, sollte so aber funktionieren!

Schöne Grüße aus dem Sauerland!
Chriss

Avoir · 01.10.2009

AW: mitlaufende Menüleiste

habe das soweit geändert, kann man es nun so lassen ?

Chriss1987 · 01.10.2009

AW: mitlaufende Menüleiste

Hi,

du hast noch vergessen, den HTML Teil einzufügen!

Die Div-Box ist noch nicht vorhanden.

Schöne Grüße aus dem Sauerland!
Chriss

Avoir · 01.10.2009

AW: mitlaufende Menüleiste

du meins :

// HTML
<div id="navigationersatz"></div>

<div id="navigation">
<ul>
<li><a href="index.php">» Über mich</a></li>
<li><a href="galerie.php">» Galerie</a></li>
<li><a href="kunden.php">» Kunden</a></li>

<li><a href="kontakt.php">» Kontaktformular</a></li>
<li><a href="Vertrags-Muster.php">» Verträge</a></li>
<li><a href="recht.php">» Hinweise</a></li>
<li><a href="foto-blog.php">» Foto-Blog</a></li>
</ul>
</div>

ich habe das menü ausgelagert in:
<div id="navigation">
<ul>
<?php include('inc_navi.php') ?>
</ul>
und das inc_navi.php :
<li><a href="index.php">» Über mich</a></li>
<li><a href="galerie.php">» Galerie</a></li>
<li><a href="kunden.php">» Kunden</a></li>
<li><a href="kontakt.php">» Kontaktformular</a></li>
<li><a href="Vertrags-Muster.php">» Verträge</a></li>
<li><a href="recht.php">» Hinweise</a></li>
<li><a href="foto-blog.php">» Foto-Blog</a></li>

und mus ich jetzt einfach alles ins inc_navi.php kopieren?
also alles des=
<div id="navigationersatz"></div>

<div id="navigation">
<ul>
<li><a href="index.php">» Über mich</a></li>
<li><a href="galerie.php">» Galerie</a></li>
<li><a href="kunden.php">» Kunden</a></li>

<li><a href="kontakt.php">» Kontaktformular</a></li>
<li><a href="Vertrags-Muster.php">» Verträge</a></li>
<li><a href="recht.php">» Hinweise</a></li>
<li><a href="foto-blog.php">» Foto-Blog</a></li>
</ul>
</div>

SineTempore · 01.10.2009

AW: mitlaufende Menüleiste

hau einfach
<div id="navigationersatz"></div>
in die zeile über
<div id="navigation">

müsste dann funktionieren

Chriss1987 · 01.10.2009

AW: mitlaufende Menüleiste

Hi,

entschuldige die späte Antwort...

SineTempore hat recht, einfach die zeile mit dem

HTML:

<div id="navigationersatz"></div>

über

HTML:

<div id="navigation">

einfügen!

Schöne Grüße aus dem Sauerland!
Chriss

Kyrus82 · 26.07.2011

AW: mitlaufende Menüleiste

WAHNSINN!!! Habe eine Lösung für die Menüleiste eines TinyMCE mit autoresize-Funktion gesucht. Bin nicht so bewandert im Javascripten, aber dank Dir / Euch lag die Lösung unmittelbar greifbar vor mir. Ich danke vielmals!!!!

Grüße, Steffen

Bauer_Lindemann · 27.07.2011

AW: mitlaufende Menüleiste

Hallo Avoir,

bin auf Deiner HP www.michaelgroen.de gewesen und da ist mir die verschiebbare Leiste oben aufgefallen, ist es das was hier besprochen wird?

Lg Britta