USF

объясните мне, пожалуйста, почему тут http://jsfiddle.net/bA3ye/ не отменяется схловывание? и границу поставил, и абсолютное позиционирование, и поля. Помогает float: left только

посмотрел код - там сделано так <h4> <a class="fl_r" href="/edit?act=education">Редактировать</a> <b>Образование</b> </h4> для h4 задана нижняя граница и высота ограничена на 4 пиксела. в итоге нижняя граница блока поднимается вверх.

блииин, вот в чем дело, а я чот с этой позиции на схлопывание не посмотрел спасибо за объяснение

хм, инлайн-блок для h3 и работает как предполагалось.. интересно

wwt, вы меня неправильно поняли. я как раз так и собирался делать, но при этом внутренний блок тащит за собой верхнюю границу внешнего, вместо того, чтобы вылезать за нее. и мне интересно, почему. вот, союственно http://jsfiddle.net/GbWFt/7/ вместо position: relative; top: -50px; попробуйте отрицательный маргин

Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином

хех) век живи - век учись. в шаблонах генерирующих страницы поставил проблем и заработало. прям мир перевернулся

2 вложенных блока первый фиксированный на всю ширину. position: fixed; top: 0; left: 0; width: 100%; внутри него абсолютно позиционированный position: relative; width: 240px; margin: 0 auto; top: Npx; left: Npx; так как контент располагается по середине, то задав абсолютному элементу ширину и margin: 0 auto мы его так же помещаем по середине. В с помощью left и top сдвигаем на край. В случае изменения окна браузера он должен оставаться на месте, так как при увеличении его относительного left пропорционально увеличивается ширина контента от середины экрана в моем варианте такое тоже наблюдается. но это, думаю, понятно от чего

UPD: в таком случае интересно, почему при размещении бОльшего количества блоков-"букв" они переносятся на следующую строчку, как при word-wrap: break-word

Открытие для меня. Воспринимал как "отдельное слово". Могу ошибаться, но на css-live ВРОДЕ давалось именно такая трактовка

Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

прыгают кнопки с 2мя строками текста из-за того, что располгаются на базовой линии(она проходит по нижней границе текста). всем кнопкам поставь vertical-align: middle;

почему это не получится просто картинкой? png

а действительно, я и не заметил. автор наверное имел в виду !important

проверь какие стили в рантайме у твоего блока через инспектор кода chrome, к примеру

да, точно, прошу прощения, так будет отлично работать

могу ошибаться, но в таком случае отступ о последнего будет все равно. а автор хочет убрать отступы у крайних элементов.

либо я туплю, либо изображенное больше похоже на margin. это раз. и почему после последнего есть отступ(если поле слева), это два Оо а так можно использовать для первого и последнего элемента классы first и last и занулять им padding(margin).

в том, что меню изначально выдает текст. это все равно, что клеить обои поверх старых, вместо того, чтобы содрать их и поклеить качественно. потратит больше времени - но в будущем разберется как эта цмс генерирует списки меню и сделает все намного быстрее. это не ко мне вопрос, а к автору тему. возможно используются мудреные шрифты и(или) эффекты при наведении.

кроме visiblity и display вам вряд ли что-то поможет. и я не рекомендую использовать никакой из костылей, так как это не есть правильно. Если в меню генерируется текст - найдите какой модуль(ну тут думаю понятно) и какой файл(!) генерирует и исправьте. Потратите больше времени но сделаете правильно, мой совет. Что за cms, кстати?

берете картинку в png, делаете блочный элемент по размеру картинки и задаете ему фоном картинку. это не та задача, где нужно особо много гадать на оптимальностью, каждый кодит как хочет

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

не влево, а вправо. при сдвиге на 50% влево блок разместится по центру своим левым краем, а не серединой. чтобы центрировать окончательно нужно сдвинуть его назад(вправо) на половину его собственной ширины

line-height тут не поможет. халф-лидинге не создают кликабельных областей. и высоту вы задаете INLINE элементу. сделайте <a> блоком. он по по горизонтали он растянется на всю вкладку. по вертикали можешь сам задать

сдвинуть влево на половину ширины.