Не убирается первый элемент background li

[Вадим]

Друзья, привет. Оч нужна помощь.

В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0;

Вот сам код:

<div id="tpl_main_menu">
 <ul>
  <li class="no_style"><a href="otdih.html">Отдых</a></li>
  <li><a href="apartamenti.html">Апартаменты</a></li>
  <li><a href="priroda.html">Природа</a></li>
  <li><a href="kontakti">Как добраться</a></li>
 </ul>
</div>

И сам css

#tpl_main_menu {
  text-align: center;
  margin: 0 auto;
  width: 635px;
  }
#tpl_main_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
#tpl_main_menu li {
  display:-moz-inline-stack;
  display:inline-block; 
  _overflow:hidden;
  zoom:1;
  *display:inline;
  }
#tpl_main_menu li a {
  display: block;
  padding: 5px 0px 0px 62px;
  background:url(../img/li.gif) no-repeat 12px 4px;
  color: #003388;
  margin-right: 2px;
  }
#tpl_main_menu .no_style {
  background:none;
  padding:0;
  }

Задача меню состоит в том, что блок tpl_main был отцентрирован по горизонтали. А первый пункт меню не должен содержать картинку-разделитель (.no_style).

[psywalker]

Потому что у тебя прописан фон для ссылок, а не для LI, соответственно ты недописал малясь:

#tpl_main_menu .no_style а{

background:none;

padding:0;

}

[Вадим]

Потому что у тебя прописан фон для ссылок, а не для LI, соответственно ты недописал малясь:

#tpl_main_menu .no_style а{

background:none;

padding:0;

}

Уже пробывал, и сейчас попробывал. Ничего не изменилось. Картинка висит на месте.

[psywalker]

Я попробовал, у меня везде сработало! даже в ИЕ6

Edited July 17, 2009 by psywalker

[Вадим]

кстати какой браузер, случайно ли не ИЕ6? или во всех?

Все. При чем даже в Safari3

Может мне лучше сайт закинуть на домен да показать?

[psywalker]

Я попробовал, у меня везде сработало! даже в ИЕ6

Покажи ссылку

Edited July 17, 2009 by psywalker

[Вадим]

Я попробовал, у меня везде сработало! даже в ИЕ6

Покажи ссылку

http://w3u.ru/

только укажи кодировку utf-8 пожалуйста.

тут ещё одна проблема. научился прижимать footer к нижу и возник вопрос. а как сделать так, чтобы border-right: 1px solid red; доходила до конца вместе с футером? не понимаю к чему такие сложности(

И почему-то

#content {
	border-right: 2px dotted #fffd09;
	border-left: 2px dotted #99b96f;
	}

больше не работает (((

Edited July 17, 2009 by Вадим

[mini]

#tpl_main_menu ul li.no_style a {background:none;}

не пробовали?

[Вадим]

#tpl_main_menu ul li.no_style a {background:none;}

не пробовали?

Отлично! Это сработало!

Теперь осталось понять почему пропали бордеры в контенте после добавления правил к footer'у...

[psywalker]

1) Так насчёт фона у ссылки у меня опятьже всё получилось, я сделал встроенный стиль и всё: <a href="otdih.html" style="background: none;">Отдых</a>

2) Насчёт границы у Контента делаешь так:

#content {

border-left:2px dotted #99B96F;

border-right:2px dotted #FFFD09;

overflow:hidden;

}

Дело в том, что из-за плавающих элементов внутри #content его высота схлопавается, а overflow:hidden; охватывает все элементы с флоат внутри себя, и поэтому твои границы появляются

3)

#tpl_main_menu ul li.no_style a {background:none;}

не пробовали?

Да у меня даже и так всё работает везде #tpl_main_menu .no_style a {background:none;}

Edited July 17, 2009 by psywalker

[Вадим]

1) Так насчёт фона у ссылки у меня опятьже всё получилось, я сделал встроенный стиль и всё: <a href="otdih.html" style="background: none;">Отдых</a>

2) Насчёт границы у Контента делаешь так:

#content {

border-left:2px dotted #99B96F;

border-right:2px dotted #FFFD09;

overflow:hidden;

}

Дело в том, что из-за плавающих элементов внутри #content его высота схлопавается, а overflow:hidden; охватывает все элементы с флоат внутри себя, и поэтому твои границы появляются

3)

Да у меня даже и так всё работает везде #tpl_main_menu .no_style a {background:none;}

отлично! супер! огромное тебе спасибо!

Теперь последний вопрос остался. Как прибить все эти бордеры и бордер между колонками к футеру? Если я убери свойства футера, то он тупо поднимется к верху и проблема решится (хотя это не тупо), но в общем нужно, чтобы футер всегда был внизу экрана и к нему примыкали все бордеры..

[psywalker]

Насчёт футера долго объяснять, и вообще нужно было изначально уже строить вёрстку с расчётом на Футер в низу!

А щас у тебя там мусора дофига и больше, элементов до жопы и т. д. поэтому боюсь, что в данной ситуации эта идея не выйдет

p.s. - Значит я сразу скажу, что не обещаю кросс-результат, проверишь сам, Но пока делай так:

1) #contents {

min-height:100%;

padding-bottom:20px;

position:relative;

}

2) body {

color:#266D96;

font-family:Arial,Verdana,sans-serif;

font-size:12px;

height:100%;

margin:0;

padding:0;

3)

#footer {

background:transparent url(../img/bg_footer.jpg) no-repeat scroll 50% 0;

height:32px;

margin:0 auto;

text-align:center;

position:absolute;

left:0;

bottom:0;

width:100%;

}

Это я файрбагом накидал вариант, поэтому в ФФ работает, проверь везде, отпишишься

Edited July 17, 2009 by psywalker

[Вадим]

Это я файрбагом накидал вариант, поэтому в ФФ работает, проверь везде, отпишишься

Удивительно, что в IE6 все сработало! В Opera не работает. В FF3.0.11 тож не сработало.