gladyshef

в общем дело такое!

идут слайды, первые 2 нормально попадают в рамку, потом поплыло... 3й, 4й сдвигаются за границу вправо и видно кусочек предыдущего слайда, гуру как убить баг?)

http://jsfiddle.net/aKjqz/

в том то и дело что я новичек) сай уже давно закрыт и потерян откуда закопирайтил, а нужно мне следущее:

кнопки по которым нажимаешь для пролистывания они равноудалены друг от друга, сама кнопка получается у нас переменная i, не могу сфантазировать как заставить что бы

для каждой точки( кнопка пролистываня для каждого слайда) сделать разные стили?)

что ни кто ни кто не знает как?

вот наглядно http://jsfiddle.net/F2ayV/

не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий)

и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно

.menu a {height:20px;}

И точно по средине - проверено красным бекграундом

что то попробовал, не получилось(

у меня как то странно, заметь снизу меньше запас чем сверху достаточно на много

а как другими средствами можно реализовать их?

еще интересно как последнюю палочку удалить?) все справа ставятся

вот тут наглядно http://jsfiddle.net/JdvXd/

разделители между пунктами меню (|-вот такие) они больше текста, хочу добиться что бы был такого же размера как и высота шрифта, что не так делаю?

имеем горизонтальное меню, текст в 14px, див меню 14х660px, почему то добавляются по паре пикселей, пробовал педдинг 0, ничего не изменилось, border все равно выше текста,

прилагаю код

наглядно тут: http://jsfiddle.net/JdvXd/

#header {
	background-color: #FFF;
	height: 34px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#menu{
	margin:0;
	padding:0px;
	height: 14px;
	width: 660px;
	position: relative;
	float: right;
	top: 7px;
	}
.menu a {

	font-family: "Century Gothic";
	font-size: 14px;
	text-decoration: none;
	color: #2a2a2a;
	display: inline;
	float: right;
	padding-left: 5px;
	padding-top: 0px;
	border-right-style: double;
	border-right-color: #cde5e2;
	border-right-width: 1px;
	padding-right: 5px;
}
.menu a.podcherk {
	color: #7ac5f2;
	text-decoration: underline;
}
.menu a:hover {
	color:#7ac5f2;
	}
.menu a:hover.podcherk {
	color:#FC0;
}

html

<div id="menu">
  <div class="menu">
<a href="http://#">Контакты</a>
<a href="http://#">Наглядно</a>
<a href="http://#" class="podcherk">Услуги и прайс</a>
<a href="http://#">Вам о нас</a>
</div>

  </div>