1. В исходном варианте меню выглядело как таблица следующего вида:…: woodroof

woodroof

(no subject)

Dec 06, 2006 13:16

1. В исходном варианте меню выглядело как таблица следующего вида:

Промежуточный вариант:

Пункт 1

Пункт 2

Пункт 3

В таком варианте картинки можно вынести в css в виде фонового изображения, текст меню можно скрыть (и отображать при выбранном альтернативном оформлении), можно задать нужные размеры, определить вид курсора над блоками menuitem. Однако проблема: как сделать только при помощи css сам блок ссылкой (можно через onclick, но это уже избыточно).

Итоговый результат:

Пункт 1

Пункт 2

Пункт 3

Как видим, здесь ввели дополнительно SPAN. Сокрытие текста делаем теперь для SPAN'а, а у элемента A (класса menulink) делаем display: block; width: 100%; height: 100%. Проблема вроде бы решена.
Собственно вопрос: А проще можно? Или проще уже некуда? :)

2. Ещё одна проблема, пока не разрешёна:
Есть эскизы фотографий, представлены таблицей. Но поскольку это не табличные данные, то переходим к DIV'ам. Вроде бы ничего сложного: располагаем их в ряд, задаём размеры и там сколько влезет, столько и влезет. Но вот проблема: для inline элементов нельзя задавать размеры, а блоки автоматически помещаются на новую строку. Вроде бы это должно решаться установкой display: run-in, но не работает. При задании display: table-cell DIV'ы выстраиваются в ряд, но не переносятся
Вопрос: Как разместить block-элементы в ряд?
Пример:

Некоторая очень интересная фотография

программирование