проблема с border-bottom в браузерах отличных от OPERA

[slo_nik]

Доброе время суток.

Сделал свой первый макет сайта, но то что я задумал, нормально работает только в Opera.

В остальных браузерах ни как не могу сделать.

вот адрес по которому можно посмотреть страничку.

Проблема в следующем.

Есть навигация, при наведении курсора на ссылку, под картинкой должна появиться красная линия, но это происходит только в Opera, а в Safari v.3.2.1, Chrome v.3.0.196.0, IE 7/8 линия не видна, в Mozilla v.3.5.1 линия появляется, но ломает вёрстку.

Подскажите, пожалуйста, как решить проблему.

[psywalker]

Потому что при наведении ячейка становиться выше и соответственно за ней все ячейки тоже меняют высоту ровно на 2 пикселя, и всё это дело вместе двигает всю вёртску, поэтому тебе Два совета:

1) Изначально приготовь место для 2 пикселей, а при ниведении заменяй его на Бордеры, например так:

a { display: block; padding-bottom: 2px;}

a:hover{

border-bottom:2px solid #ff0000;

padding-bottom: 0px;

}

2) Делай меню на списках UL, вообще возьми это за правило!

[slo_nik]

  psywalker said:

Потому что при наведении ячейка становиться выше и соответственно за ней все ячейки тоже меняют высоту ровно на 2 пикселя, и всё это дело вместе двигает всю вёртску, поэтому тебе Два совета:

1) Изначально приготовь место для 2 пикселей, а при ниведении заменяй его на Бордеры, например так:

a { display: block; padding-bottom: 2px;}

a:hover{

border-bottom:2px solid #ff0000;

padding-bottom: 0px;

}

2) Делай меню на списках UL, вообще возьми это за правило!

Спасибо за подсказку, помогло.

Чем меню на списках лучше?

[psywalker]

  Quote

Чем меню на списках лучше?

Потому что меню - это список страниц, а список - это UL , тоесть семантически это правильно. Потом меню на списках намного удобнее хотя-бы тем, что у него можно убирать и добавлять пункты, оно эластичнее таблиц и при хорошей вёрстке ты не будешь иметь с UL таких проблем, как у тебя сейчас с таблицей, да и вообще меню на таблицах и таблицы в целом - это вчерашний день!

p.s. - Есть меню, который конечно лучше делать на таблицах, но это не частый случай, с опытом поймёшь, но твоя ситуация явно диктует сделать списком!

[s0rr0w]

  psywalker said:

Потому что меню - это список страниц, а список - это UL , тоесть семантически это правильно.

А любой текст является списком параграфов, а список - это UL, то есть семантически правильно.

Любой набор строк таблицы является списком... любой набор ячеек таблицы является списком, а список - это UL.

Любой набор тегов, что описываю шапку, контент и подвал, не поверите, тоже являются списком (блоков на странице)... и его, по вашей логике, тоже надо делать UL...

[psywalker]

  Quote

А любой текст является списком параграфов, а список - это UL, то есть семантически правильно.

Любой набор строк таблицы является списком... любой набор ячеек таблицы является списком, а список - это UL.

Любой набор тегов, что описываю шапку, контент и подвал, не поверите, тоже являются списком (блоков на странице)... и его, по вашей логике, тоже надо делать UL...

laugh.gif

Ну это уже сильно утрировано, я в принципе имел ввиду, что меню надо делать списком ибо это действительно явный список, а если рассуждать как ты, то тогда много чё вообще можно сделать не по обычному, и не только список

[s0rr0w]

  psywalker said:

Ну это уже сильно утрировано, я в принципе имел ввиду, что меню надо делать списком ибо это действительно явный список, а если рассуждать как ты, то тогда много чё вообще можно сделать не по обычному, и не только список

А набор параграфов - это неявный список? Или строки таблицы? Это же явнейший список строк!

Явный список имеет имеет описательную часть. Не бывает в языке конструкций перечислений, которые не требуют описания, что описано в перечислении.

Правильный список.

В нашем офисе работают:

* бухгалтеры

* программисты

* секретарь

Неправильный список.

* бухгалтеры

* программисты

* секретарь

К какой категории относится меню, которое не содержит описательной части?

[psywalker]

Для каждых частей страницы есть свои элементы, например для параграфа есть тег <p>, для меню есть UL, а для таблиц есть табличные данные, а если рассуждать как ты, и говорить что если есть описательная часть, значит это список, тогда все части можно делать на списках.

[s0rr0w]

  psywalker said:

Для каждых частей страницы есть свои элементы, например для параграфа есть тег <p>, для меню есть UL, а для таблиц есть табличные данные, а если рассуждать как ты, и говорить что если есть описательная часть, значит это список, тогда все части можно делать на списках.

Для меню есть тег <menu>, который в HTML 4.01 является deprecated, непонятно почему, но в HTML 5.0 его опять вернули.

[psywalker]

  Quote

Для меню есть тег <menu>, который в HTML 4.01 является deprecated, непонятно почему, но в HTML 5.0 его опять вернули. wink.gif

Вот именно, что есть теги, а пользоваться ими нельзя, побольше-бы кстати таких сделали-бы, а то у меня постоянная нехватка помощников в коде, да и элементы частенько приходиться не по назначению лепить из-за этого, а так хотелось-бы, что-бы были теги <header>,<menu> и т. д., надеюсь в скором будущем можно будет пользоваться такими не в чём себе не отказывая

[rash]

  psywalker said:

Вот именно, что есть теги, а пользоваться ими нельзя.

Можно хоть прямо сейчас

[psywalker]

  Quote

Вот именно, что есть теги, а пользоваться ими нельзя.

Можно хоть прямо сейчас smile.gif

Я боюсь!