Autor Zpráva
Thaddeus
Profil
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
Ok, vyriešil som to tým, že som si stránku rozdelil na viac divov.. :)

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: