Jak stworzyć taką strone html

[OSCARK]

Witam mam pytanie jak stworzyć taką http://www.t-mobile.pl/pl/oferta_specjalna/gwarancja-smartfonow#inneoferty oto stronę html  głównie chodzi mi o ten element menu który wędruje razem z przesuwanym tekstem rozumie że ma to coś wspólnego z java script? Jestem początkującym webmasterem znam małą podstawę htmlu ale nie mam pojęcia jak się do tego zabrać, pomóżcie polećcie coś

[pawelb44]

Możesz spróbować CSS i pozycjonowania ustalonego przykład http://www.kurshtml.edu.pl/przyklady/css/ustalone.html Lub javascript

<!-- *********************************************************
     * You may use this code for free on any web page provided that 
     * these comment lines and the following credit remain in the code.
     * Floating Div from http://www.javascript-fx.com
     ********************************************************  -->
<div id="divTopLeft"     style="position:absolute">
<!-- Start - put your content here --->
<b>Your Content Here</b>
<!-- End   - put your content here --->
</div>
 
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    var px = document.layers ? "" : "px";
    window[id + "_obj"] = el;
    if(d.layers)el.style=el;
    el.cx = el.sx = sx;el.cy = el.sy = sy;
    el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
 
    el.floatIt=function()
    {
        var pX, pY;
        pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
        document.documentElement && document.documentElement.clientWidth ? 
        document.documentElement.clientWidth : document.body.clientWidth;
        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
        document.documentElement.scrollTop : document.body.scrollTop;
        if(this.sy<0) 
        pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
        document.documentElement.clientHeight : document.body.clientHeight;
        this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
        this.sP(this.cx, this.cy);
        setTimeout(this.id + "_obj.floatIt()", 40);
    }
    return el;
}
JSFX_FloatDiv("divTopLeft", 10,30).floatIt();
</script>
<!-- ********************************************************* -->

[OSCARK]

rozumie że ten kod wstawić do index.html

[leggo]

Jeśli chodzi po prostu o stworzenie elementu, który nie zmienia swojego położenia na ekranie, wystarczy nadać mu wysoki z-index, a parametr pozycji ustawić na absolute fixed.

[OSCARK]

Ok dzięki a co to dokładniej znaczy "nadać mu wysoki z-index, a parametr pozycji ustawić na absolute."?

*Dla totalnego laika.

[leggo]

Nie absolute, a fixed.

 

Np. tak:

<div style="z-index: 100; position: fixed; width: 100px; height: 100px; background: black; left: 100px; bottom: 100px;">...</div>

Tak zdefiniowany element może być wstawiony w dowolnym miejscu kodu (oczywiście w sekcji body).