Специален доклад

Minority Report

Фен сайтна филма. Все в същия стил — много фон, малко текст и снимки. Тук, най-накрая успях да центрирам менюто. На пръв поглед е лесно, но който знае, подравняването с float: left или right не позволява центрирането да стане само с text-align: center.

Хватката е следната:

#menu {
  text-align: center;
}

#menu ul {
  margin: 0 auto;
  list-style: none;
  width: 500px;
}

#menu li {
  float: left;
}

<div id="menu">
  <ul>
    <li id="m1">
	  Menu 1
	</li><li id="m2">
	  <a href="menu_2/">Menu 2</a>
	</li><li id="m3">
	  <a href="menu_3/">Menu 3</a>
	</li><li id="mN">
	  <a href="menu_N/">Menu N</a>
	</li>
  </ul>

</div>

Скоро в умозключенията ще направя тема за подобни трикове, където ще описвам по-обстойно всичко що ми е дошло на ум. Надявам да бъда полезен поне за по-настървените и незакостенели уебаджии, и вместо да се мъчат с разни таблици и прозрачни гифове, да прозрат истината.

• 
  419
• 
  420