Artik20003

Спасибо большое. С удовольствием прочел статью.

Доброй ночи всем! Возникла проблема переноса пунктов меню по столбцам. Рисунок пояснит подробнее То есть есть некоторый div фиксированной высоты а в нем ссылки например так <div style="height:100px;"> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> </div> у ссылок представим display:block; так что они расположены в столбик как на картинке. Скажите пожалуйста, можно ли средствами css задать так, что если очередной пункт не помещается в данном столбце, то он переносится в новый стобец (см. рисунок), причем ширина div была auto? Могу решить проблему средствами js или еще на стороне сервера, но вот можно ли средствами сss? Заранее благодарен.

Всем большое спасибо, вопрос решил, но в обход (что не доставляет такого удовольствия) Всю проблему очевидно создавали конструкции вида "clear:both", причем не только в самом меню разделов, но и ниже у элементов ее нужно было убрать. Убрал список, сделал разделы span'ами. Для межстрочного расстояния использовал line-height; Это позволило избежать использования clear:both для растягивания фона. Но почему возникала такая проблема я так и не понял.

Я, к сожалению, не могу "просто удалить и вставить". Сайт на Битриксе, весь вывод динамический на php, все стили к этой штуке хранятся в разных сss (но ни элементов раздела ни у предков ничего что задавало бы отступ я не заметил). Вот у меня главный вопрос стоит, какой стиль/html конструкцию убрать чтобы все заработало. <Div style="clear:both;margin-bottom:-55px;"> я убрал, но это не помогло. Я понимаю что по идеи конструкция без всего лишнего не будет создавать ничего лишнего, но убрать ВСЕ я к сожалению не могу. Поэтому и прошу помощи у вас, чтобы мы вместе нашли что же именно создает данный отступ. Семантически это не совсем верно, но синтаксически так писать можно. Но я уже делал что список вообще убирал, делал пункты разделов span'ами. Все равно не помогло(

Насчет этой конструкции после разделов <div style="clear:both;margin-bottom:-55px;"></div>. Этим костылем я избавлялся от отступа, когда у разделов не было фона. Теперь он не помогает.Сейчас его удалю и отступ станет больше на 55px)

вот только если убрать <div style="clear:both;"> получу следующее: отступ не пропал, зато фон свернулся в трубочку. На счет фона - все так и должно было произойти ведь браузер не определяет высоту блочных элементов с float'ом если не поставить после них <div style="clear:both;">. Вопрос отступа остается открытым)

H1 наследует *{padding:0; margin:0} так что внутренних отступов у него нет, или я не так вас понял? <br> не при чем, меня беспокоит расстояние не между заголовком и началом разделов, а неестественная высота блока разделов.

Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.

Огромное спасибо!

Добрый день! Есть сайт bizprofi.ru На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000) И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам". У всплывающего блока z-index 1000 но картинка его все равно перекрывает. Очень прошу помочь разобраться в чем же дело?