Hm, tak by ste mi vedeli poradit, ako vertikalne vycentrovat horizontalne menu bez toho, aby som pouzil padding-top?
CSS:
Kód:
.menu {text-align: center; margin-top: 0px;padding-top: 0px; background-color: #C0C0C0;height: 40px;vertical-align: middle;}
ul {margin: 0;list-style-type: none;}
li {display: inline;margin: 0;padding: 0;}
.pad {padding-left: 2.6em;}
li a{font-size: 12px; text-decoration: none; color: white;font-weight: bold; }
li a:hover{font-size: 12px; color: black;font-weight: bold; }
li span a{font-size: 12px; color: black;font-weight: bold; } </style>
ak pridam do ul {... padding-top:10px;}, tak to bude v strede, ale v Opere to je posunute vyssie.
HTML:
Kód:
<div class="menu">
<ul>
<li class="pad"><span><a href="">MENU</a></span></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
<li class="pad"><a href="">MENU</a></li>
</ul>
</div>