Горизонтальное меню из картинок

ArtOfHuman · January 15, 2009

Как меню из 3 картинок выравнивать по ширине тянущегося сайты.

Нужно чтобы расстояние между картинками тянулось.

Vlad · January 16, 2009

Вставляешь картинки в DIV, для каждого прописываешь в стилях - width: 33%; float: left;

Можно также отступы в процентах задавать вокруг картинок.

mongoose · January 16, 2009

ИМХО лучше на списках

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>Меню</title>
  <style type="text/css" media="screen">
	#menu{
	  list-style-image: none;
	  overflow: hidden;
	  width: 100%;
	  zoom: 1; /*для любимого ослика*/
	  }
	#menu li{
	  width: 33%;
	  float: left;
	  }
  </style>
<html>
<body>
  <ul id="menu">
	<li>Пункт 1</li>
	<li>Пункт 2</li>
	<li>Пункт 3</li>
	<li>Пункт 4</li>
  </ul>
</body>
</html>

ArtOfHuman · January 16, 2009

Задача блин внезапно поменялось. Решено тянуть кнопки по ширине, а не расстояния между ними.

Собственно тогда назрел вопрос как на тянущийся блок повесить ссылку ?

Кто знает черкните плиз в этой теме http://forum.htmlbook.ru/index.php?showtopic=12087

или тут.

Sign In

Горизонтальное меню из картинок

Question

ArtOfHuman

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

mongoose

Link to comment

Share on other sites

ArtOfHuman

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information