Autor Zpráva
Kdor
Profil *
Ahoj už druhý den se trápím s tím, že bych chtěl udělat aby se menu zobrazovalo v pozici inline tedy vedle sebe. problém je v tom, že kod menu mi generuje CMS Mnews (prosím neptejte se mě proč to používám :-).

na Webu mám menu, které chci aby se chovalo tatko a bylo v pozici inline. Mnews mi tam automaticky hází třídu a id:

       

        <ul class="mn-menu" id="mn-page-menu">
            <li><a href="/?mn_page=1">.</a></li>
            <li><a href="/?mn_page=2" class="active">Týmy</a></li>
        </ul>

       <ul>
          <li class="menu"><a href="#menu1">Menu</a></li>
          <li class="menu"><a href="#menu2">Menu</a></li>
          <li class="menu"><a href="#menu3">Menu</a></li>
          <li class="menu"><a href="#menu4">Menu</a></li>
         
       </ul>
kdy druhé menu je zobrazeno správně(jak jsou tam ty kotvy, ale to první se mi pořád seřazuje pod sebe (Domů, týmy)

viz css :
            height: 100%;
           }
           
li.menu {list-style-type: none;
         margin-right: 40px;
         display: inline;
        }
ul.mn-menu {
         list-style-type: none;
         margin-right: 40px;
         display: inline;
        }       
#mn-page-menu {         
         list-style-type: none;
         margin-right: 40px;
         display: inline-block;
        } 
ul.mn-menu li a {
  color: #2d89ba;
  display: inline-block;
        }   
#mn-page-menu li a {
  color: #2d89ba;
  display: inline-block;
        }         

kde barva je u špatného menu změněna, ale zobrazení se někde asi "dědí" ? Vůbec nevím jak s tím hnout.


Moc díky za nápady
Kajman
Profil
Display máte změnit pro li, např.

#mn-page-menu li {
    display: inline;
}

Nebo použijete jednu sadu pravidel pro li na různých místech

li.menu, ul.mn-menu li {list-style-type: none;
         margin-right: 40px;
         display: inline;
        }
Kdor
Profil *
Kajman:


Moc děkuji Kajmane, moje nepozornost. Můžete Lock

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0