Autor Zpráva
michal454454
Profil
Zdravim potreboval bych prosim poradit s tim abych udelal div nadpis a div menu které jsou tesne pod sebou aby byly oba fixed a zustavaly na stajnem míste když popojedu se strankou dolu.. uz jsem zkousel position fixed nastavit ale cele se mi to nejak rozhazelo diky.. :)

index.html
 <body>
 
  <div id="nadpis">
  <img id="dznak" src="dres znak.png" />
  <p id="nadpis_text"><b>WEST SANDWICH ALBION</b> FC</p><br />
  <p id="podnadpis">www.futsal-wsa.8u.cz</p>
  </div>
 
  
  <div id="menu">
  </div>

  </body>

style.css
*{
padding:0;
margin:0;
}
body{
background:#158;
}
#nadpis{
background:rgba(255,255,255,1);
width:100%;
height:20%;
margin:0 auto;
}

p#nadpis_text{
position:absolute;
margin-left:200;
margin-top:50;
font-size:23px;
color:#158;
font-family:"DINPro-Regular", Arial;
}

#dznak{
padding:10 60;
width:130px;
height:150px;
float:left;

}
p#podnadpis{
position:absolute;
margin-left:200;
margin-top:55;
font-size:15px;
color:#158;
font-family:"DINPro-Regular", Arial;
}

#menu{
background:rgba(255,255,255,1);
width:100%;
height:5%;
margin:2 auto;
}
Tomáš123
Profil
michal454454:
V kóde nevidím snahu o fixnú pozíciu (position: fixed). Inak, šlo by to nejako takto.
michal454454
Profil
a Dá se udelat i to aby když ten zafixovanej div dojede k divu pod tím, tak aby se na nem zastavil a nejel dal dolu? :)
Keeehi
Profil
michal454454 [#3]:
Pokud se má chvíli pohybovat a chvíli ne, tak to budeš muset oscriptovat.
michal454454
Profil
A nevíš co je to za script. ? Není někde nějaký tutorial? Díky :)
Trejpa
Profil
michal454454:
Není někde nějaký tutorial?
www.jakpsatweb.cz/javascript - zejména se zaměř na objektový model, zjištění rozměrů, pozice a odrolování elementů. Po pár matematických operacích z tohoho může vyplynout něco, jako můj příklad.
Bubák
Profil
michal454454:
Není někde nějaký tutorial?
Kód s popisem najdeš na webu http://jecas.cz/, jsou tam dva články s příkladem, ale základy, které doporučil Trejpa, ti doporučuji nastudovat.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0