Еще одна задачка по html-верстке. Как ее решить?

Question

[Андрей]

Имеется вот такое меню


Так выглядит его html


Так выглядит css ссылок


Вопрос Как убрать пробелы между пунктами меню (видны при выделении)? Желательно без использования float: left.

Answer 1

[SerDIDG]

Если нет возможности изменить вёрстку как советуют выше, то есть грязный фикс.
jsfiddle.net/b5Kv9/

Comments

[Андрей]

И вам спасибо :) ++

[SerDIDG]

Ув. минусущий человек, мб вы осмелитесь объяснить чем вам не подошло данное решение? Вы же у нас спец.

Answer 2

[avalak]

Наиболее «красивый», как мне кажется, вариант.
Ну или убрать пробелы между ссылками (уродуется вёрстка). Или можно заполнить пространство <-- -->

Comments

[Андрей]

Есть ли минусы у варианта с font-size: 0?

[SerDIDG]

Если в диве будет текст вне ссылок, то он не будет отображаться.

[avalak]

А ещё размер шрифта снова выставлять придётся. Ну и в целом чем меньше хаков тем спокойнее.

[Андрей]

Спасибо :) ++

Answer 3

[freeek]

1. Читаем.
2. Делаем нужные выводы.
3.…
4. PROFIT!

:)

Comments

[freeek]

А, это именно пробелы, а я думал, что это разделители в меню такие :)

[Genome_X]

Способ неплох, но если его применять именно к ссылкам, то получится что при наведении на пустое место между ними курсор будет превращаться в pointer, что не удивительно, вы, считайте, растянули ссылки и не оставили места между ними, поэтому при клике на пустое место будет происходить клик по ссылке.
Как вариант, ссылки запихивать в div-ы или в и примеенять этот атрибут для них.

[freeek]

Да, я уже понял свою ошибку, извините :)

Answer 4

[Назар Мокринский]

Попробуйте вытянуть ссылки в одну строку, без переносов, а вообще демку бы, там и поковыряться можно было.

Answer 5

[Genome_X]

Вообще автор слегка странный. Я конечно все понимаю, но второй вопрос по той же тематике создает впечатление что автор не особо и пытается сам что-то решить. Что мешает зайти на тот же htmlbook.ru и там найти нужные ответы на свои вопросы? Да даже во многих видеотуторах подобные вопрос всегда освещаются подробно, вариантов решения множество. даже можно код любой странице в интернете посмотреть. Или лень?

Comments

[Андрей Кунцевич]

На самом деле этот вопрос и действительно весьма хитрый и сложный. на том же htmlbook нету информации на эту тему (или я её не встречал там).