| Autor | Zpráva | ||
|---|---|---|---|
| Thaddeus Profil |
#1 · Zasláno: 25. 9. 2014, 23:37:34
Zdravím!
Prejdem rovno k veci, mám problém s vložením obrázku do menu, nakoľko potrebujem, aby mi obrázok vystupoval z časti, kde sa menu nachádza do obsahu stránky. Nie som si ale istý, či nato idem správne. Pre lepšiu predstavivosť prikladám screeny. Aktuálna situácia: 
Ako vidíte, obrázok mi stále vystupuje k vrchu stránky a ostatné časti menu posúva dole. Skúšal som rôzne typy display celého menu, ale žiaden to nevyriešil. Dokonca, ani pridanie obrázku medzi < li ></ li > aby to bralo ako položku menu. Tak trochu som stratený. Požadovaný stav: 
Neviem.. mám urobiť 2 menu? Alebo si stránku rozdeliť na viac divov? Alebo? Prikladám aj kód: <style>
.menu3 {list-style: none; padding: 0; margin: 0 auto; text-align: center; border: 0px;}
.menu3 li {display: inline;}
.menu3 a {text-decoration: none; border-bottom: 0; background: black; display: inline-block; width: 152px; line-height: 90px;}
.fixni-menu {position: fixed; left: 0; top: 0; width: 100%; background: #8ECCF0; text-align: center;}
</style>
<div id="fixni-menu">
<menu class="menu3">
<li><a href="#">Odkaz</a></li>
<li><a href="#">Odkaz</a></li>
<li><a href="#">Odkaz</a></li>
<li><img src="pvc.png"></li>
<li><a href="#">Odkaz</a></li>
<li><a href="#">Odkaz</a></li>
<li><a href="#">Odkaz</a></li>
</menu>
</div>
<script>
var menu = document.getElementById('fixni-menu');
window.onscroll = function () {
menu.className = (
document.documentElement.scrollTop + document.body.scrollTop > menu.parentNode.offsetTop
&& document.documentElement.clientHeight > menu.offsetHeight
) ? "fixni-menu" : "";
}
</script>V originále je to dostupné menu zo stránky: http://jecas.cz/fixni-menu ktoré ale potrebujem prerobiť. Ďakujem vopred za odpovede :) |
||
| Thaddeus Profil |
#2 · Zasláno: 26. 9. 2014, 20:37:43
Ok, vyriešil som to tým, že som si stránku rozdelil na viac divov.. :)
|
||
|
Časová prodleva: 10 let
|
|||
0