senrize
-
Posts
10 -
Joined
-
Last visited
senrize's Achievements
Explorer (1/14)
1
Reputation
-
.search .btn_search{ border: none; background: url('../images/btn_search.png') 12px 6px no-repeat; width: 34px; height: 31px; cursor: pointer; position: absolute; }
-
Возможно, у вас указана высота меню/элементов в пикселах и при этом в css установлен padding и/или border => разная высота в разных браузерах (некоторые включают padding и border в высоту/ширину, а некоторые - нет). Как вариант вместо высоты и отступов использовать line-height и margin...
-
CSS3 наведение на один объект применяет стиль к другому
senrize replied to Мелкий's question in HTML Coding
Кстати да, как-то не подумал о +... =) ну а на вопрос выше можно сделать так: http://jsfiddle.net/bMAc4/ -
Точно сказать не могу, но, возможно, сафари неправильно считает ширину блока... Попробуйте установить фиксированную ширину для .item-text, ну или хотя-бы width: 100%
-
У вас для инпута не указана высота. Так что нужно установить height/line-height для .fld_search
-
CSS3 наведение на один объект применяет стиль к другому
senrize replied to Мелкий's question in HTML Coding
Боюсь, что если влоки не вложенные, то средствами одного CSS3 это не сделаешь. Только javascript. -
Посмотри на media queries: http://htmlbook.ru/css/media @media only screen and (min-width: 1280px) { /* нужные стили */ }
-
Да, я тоже рассматривал вариант с inline-block, но там та же проблема - нижние блоки находятся не в плотную к верхним... Я подозреваю, что тут можно использовать для решения только стобцы. Вся соль в том, что я делаю "отзывчивую" верстку, в которой элементы на десктопе и мобиле должны располагаться в одинаковом порядке, т.е. на десктопе это сетка элементов, а на мобиле - линейный список блоков. В случае столбцов порядок теряется. Наверное, буду скриптом отслеживать viewport и при малом разрешении просто убирать столбцы...
-
Наиболее простой способ - создать главный контейнер c фиксированной минимальной шириной: <body> <div id="main_container"></div> </body> и html { height: 100%; } body { color: #FFFFFF; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; text-align: justify; } #main_container { background: url(img01.gif) repeat-y center; height: 100%; min-width: 742px; /* Ширина бэкграунда */ }
-
Здравствуйте. Подскажите, возможно ли реализовать вертикальное обтекание блоков средствами CSS, как показано на рисунке. сейчас страница выглядит следующим образом: html: <div class="hlist"> <a class="name" href="#">Link 1</a> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> ... css: .hlist { background: #eee; border: 1px solid #ddd; display: block; float: left; padding: 10px 10px 8px 10px; width: 200px; } P.S. Я понимаю, что можно сделать по отдельному контейнеру под каждую колонку или фиксированную высоту у каждого элемента, но это не варианты для текущей задачи... Может кто-нибуть сталкивался с подобной задачей,
