Вопрос по верстке

84 сообщения

#16 лет назад

Добрый день.
Хочеться сделать вот такие табы (аналог mail.ru)
хотелось бы сверстать списками. Подскажите как такое сделать? или где почитать. Спасибо.

84 сообщения

#16 лет назад

Пока остановился на таком решении



--------- html -----------------

<ul class="nav">

	<li><a href="#page-news-ukraine">Україна</a></li>

	<li><a href="#page-news-nato">НАТО</a></li>

	<li><a href="#page-news-es">ЄС</a></li>

	<li><a href="#page-news-world">Світ</a></li>

</ul>


---------- css --------------

	#page .news .nav{

		position:absolute;

		top:0;

		right:0;

		float:right;

		font:1.1em/1.9 Tahoma, sans-serif;

		padding:0 20px;

	}


	#page .news .nav li{

		position:relative;

		float:right;

		padding_:0 1.2em;

		background:url(../design/tabs/lc-tr.gif) no-repeat 0 0;

		padding-left:27px;

		margin-right:-10px;


	}


	#page .news .nav a{

		display:block;

		background:url(../design/tabs/rc-tr.gif) no-repeat 100% 0;

		padding:0 10px 0 4px;

		text-align:center;


	}