Помогите разобраться

[Softlink]

Всем привет!

Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на

display:inline-block, vertical-align:top +white-space:nowrap

В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они?

Вот ссылка на пациента.

[Dinow]

Так должно быть? Edited July 19, 2011 by Dinow

[SelenIT]

Зачем white-space:nowrap? Из-за него всё содержимое с display:inline(-xxx) и оказывается "сковано одной цепью" в единую неделимую строку.

Плюс докинуть хотя бы 4-5 пикселей ширины контейнеру, чтоб влезли межсловные пробелы. Хотя здесь лично я бы, пожалуй, сделал по-старинке float-ами...

[Softlink]

Зачем white-space:nowrap? Из-за него всё содержимое с display:inline(-xxx) и оказывается "сковано одной цепью" в единую неделимую строку.

Плюс докинуть хотя бы 4-5 пикселей ширины контейнеру, чтоб влезли межсловные пробелы. Хотя здесь лично я бы, пожалуй, сделал по-старинке float-ами...

Да вот захотелось как-то извернуться без флоатов и прочего

Как я думаю. Делаем инлайн-блок для li, ставим ему ширину в половину ul и выравнивание по вертикали top.

Пока писал сообщение, понял, что затупил вообще))) Какой нафиг там nowrap, когда нужен normal!

Все, заработало. Только черточки остались Надо их побороть.

Так должно быть?

Dinow, спасибо. Да, нужно так, но неохота на флоатах

[sigma77]

Все, заработало. Только черточки остались Надо их побороть.

Что-то не вижу никаких черточек. Подчеркивание есть.

Upd. Всё. В Хроме увидела. Это подчеркивание от главной буквы. Либо убери пробелы между словами, либо заключи букву в спан и ему уже подчеркивание.

Edited July 19, 2011 by sigma77

[Softlink]

Все, заработало. Только черточки остались Надо их побороть.

Что-то не вижу никаких черточек. Подчеркивание есть.

Ну да, я это и имею ввиду. Пробовал убрать nowrap'ом, они убираются, но все равно сначала начинается подчеркивание, а потом слово.

[sigma77]

Softlink,

Смотри выше отредактированный пост.

[Softlink]

Softlink,

Смотри выше отредактированный пост.

Вооо, спасибо! Когда я уже научусь следить, что откуда растет. Там же от text-decoration все эти подчеркивания.