Softlink

Наверное это попадос)) Ибо слова обрамлены одним общим спаном. Т.е. по 50 штук в спане.

А как это регулярное выражение работает? Так-то я знаю и часто пользую поиск с заменой. У меня штук 300 слов и все разные. Как их находить и менять? Или где можно сделать это регулярное выражение?

Еще раз здрасте. А кто-нибудь пользуется макросами в Notepad? У меня возникла необходимость проставить на кучу слов ссылки. Руками долго и нудно, взялся попробовать макросы. Но макрос дублирует полностью все действия, которые были при записи. Т.е. если я написал <a href="#">...</a>, вот он ровно столько точек отмерит и поставит закрывающий тег. Но слова-то разные в длину)) Пробовал выделить слово и запустить макрос, та же фигня. Во всезнающих поисковиках нашел кое-какую инфу, но там описаны в основном коды макросов. Пусть даже и коды с ними можно разобраться и руками поправить, но у меня непонятно куда сохраняется этот макрос. Везде пишут(и в документации к редактору), что в shortcuts.xml. Там действительно есть пара макросов, но моего нету. Кто-нибудь пробовал писать свои? Расскажите как или может ссылкой поделитесь. Спасибо.

я думаю эти моменты можно решить уже в фотошопе

Посмотрите http://jsfiddle.net/jpftn/ Набросал быстренько и не очень аккуратно все сделал, т.к. сам занят. Главное, принцип понятен.

Ой, спасибо, хоть ты меня утешил p.s. вот эта выборка вообще крутая вещь! Много вопросов решает. p.p.s. Доработаю ее и дальше начну играться со всякими CSS-ными штуками на базе этой клавиатуры.

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

А мне нравится видео смотреть

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

Да вот захотелось как-то извернуться без флоатов и прочего Как я думаю. Делаем инлайн-блок для li, ставим ему ширину в половину ul и выравнивание по вертикали top. Пока писал сообщение, понял, что затупил вообще))) Какой нафиг там nowrap, когда нужен normal! Все, заработало. Только черточки остались Надо их побороть. Dinow, спасибо. Да, нужно так, но неохота на флоатах

Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.

А просто второй символ на вторую строку перенести энтером и не делать никаких отбивок? Да, это помогает. Только код такой некрасивый становится)) Там же табами все отбито, а пре начинает учитывать пробелы. Если убрать все табы, прижать список влево и перенести строчку энтером, то все хорошо Выход нашел в white-space: pre-line;, работает также с энтером, но не учитывает пробелы. Спасибо за мысль с энтером, я вообще такой вариант из виду упустил. Я же писал выше, что в ФФ и Опере будет работать чуть позже. Тем более я еще многое там поправлю с учетом замечаний и предложений.

да примера нет, но тут не сложно понять, как мне кажется. Сделать боооольшой фон в высоту. Основная часть этой высоты и будет ваш центр. Вешаем его на див и все дела. Высота тянется - фон открывается.

Попробуй white-space: pre http://htmlbook.ru/css/white-space <span style="white-space: pre;">~ `</span> я уже пробовал этот маневр, но как-то не получилось. То ли сам не понял, то ли правда не подходит. Там дело в том, что этот "пре" просто растягивает ячейку. А если ему пробелы не ставить, то вообще ничего не меняется. Т.е. как идут в коде два символа один за другим, так они и показываются. Пробовал еще комбинацию с word-wrap:break-word; результат тот же. В общем подумаю еще. Сейчас спать пора, поздно уже у меня. Спасибо за подсказки

Спасибо за ссылку, поди разберусь что к чему наконец-то) Хех, точно не перескакивают. Но надо теперь размерчики все поправить. Наверное, завтра все исправлю. Послушай, а ты не знаешь как решить проблему с <br>? А то слишком много его там. Я не нашел решения, как это исправить. ыыыы)) Посмотрел в ИЕ-тестере, как выглядит все в 6-ке - сказка просто

Резонный вопрос. Тоже думал об этом. Изначально так и было, т.е. когда я только начал верстать макет. Потом мне не понравилось все с маржинами, и этот inline-table все решил Над замечанием обещаю еще подумать и наверное перевести в инлайн-блоки. Хотя этот inline-table вроде тоже как CSS3, и Опера должна его поддерживать. По крайней мере так написано на htmlbook. Согласен, поправлю. Там просто еще обертки были, которые убрал. Завтра, наверное, реализую все на :nth Лишнее, согласен. Уберу. Да вот с этим я сегодня парился. Первый раз использовал градиент, да еще со стопом. Не могу сказать, что до конца разобрался. Поэтому навесил еще блок. Для Оперы и ФФ я вообще еще не оптимизировал ничего. Нет никаких ни префиксов, ничего. Как будет время, под них подгоню все. p.s. Оксан, вот Great Rash, сделал замечание, по поводу списков. А как иначе тут решить дело? И еще он сказал, что в один ul все затолкать. Но там дело в том, что в разных рядах, разные кнопки. А эти тени дают свой отступ, который я не понял, как считается. Поэтому завернул каждый ряд в отдельный ul, чтобы проще править было. Что скажешь по этому поводу? Я не понял, как можно сделать иначе p.p.s.Спасибо за рецензию

Не знаю насколько это все оправдано и хорошо, т.к. сам не пробовал, но вот Яндекс ратует за свой БЭМ. Это как раз по организации кода. Совсем недавно смотрел видео с Субботника, в целом мне понравилось. Вот нашел ссылку http://video.yandex.ru/users/ya-events/view/269/?cauthor=ya-events&cid=31

Спасибо, кое-чего поправил. По поводу градиента думал еще сразу, но так и не додумался, как его сделать одним блоком. А что можно вместо списков? Спаны или что? Как ими строить линии, если им нужна эмуляция ячеек таблицы для выравнивания по всем сторонам? Мне показалось это самым легковесным.

Да это вообще моя болезнь. Всегда все оборачиваю. Боюсь чего-то)) Сейчас убрал. Great Rash, подскажи пожалуйста, что еще не так. Я первый раз верстаю со всеми этими штуками. До этого только бордер-радиус пользовал и все. Не нашел решения, как избавиться от <br>.

А я и не спорю. Можно куда-нибудь тыкнуть носом и сказать что не так? UPD Ну я его облагородил немного) А то так совсем не интересно бы было. Все плоское))

внимательней бы читал)

Всем привет! Надо сказать, что до сегодняшнего дня, я слабо разбирался как работают всякие CSS'ные штуки(из CSS 3). Но когда-то же надо это понять, правильно? Вот сегодня засел за разбор. Решил не тратить время в пустую и не пробовать по отдельности, а свести некоторые возможности воедино в одном примере. В общем, вдохновившись одним из субботников Яндекса, сел за дело. На все про все ушло 5 часов. Использовал: box-shadow background: -webkit-gradient с color-stop border-radius псевдоэлементы и выборку по child'ам, перевод которой, любезно выложил buddah В примере нет ни одной картинки. Корректно работает только в вебкитах (Chrome, Safari). В Опере и ФФ валятся ряды. Но я пока и не ставил цель все в них поправить. Как появится время, наверное, доделаю. Кое-где есть разница в 1-2пк, она мало заметна, но я пока не нашел решения, как с ней бороться. Как я понял, эти модные атрибуты ставят свои отступы и т.д. Все это конечно хардкод и вряд ли кто-то будет делать такое в реальном проекте, но опыта ради и забавы для решил сделать. Тем более время было свободное. У самого нет Мака, так что картинку откопал в Яндексе. Вот сам макет, а вот его верстка. Посмотрите, может что подскажете дельного. Спасибо за внимание

ну у меня вот только что родился еще вариант. Подгружать один большой фон и цеплять к нему футер. Т.е. сделать заготовку с шапкой и сделать в фотошопе высокую центральную часть. По мере растяжения блока, шапка остается на месте, а центральная часть будет постепенно открываться. Пока только такой самый подходящий вариант придумал. Минусом будет большая картинка с фоном.

Хотя там вообще можно вырезать картинку высотой в 10пк и ее повторять по y.

А чтобы большую картинку не грузить. В центре же фон однородный, нафик его картинкой рендерить Т.е. сделаем левому background:#'цвет сайта' url(fon-left.jpg) repeat-y; А второй в него вкладываем и задаем правый вырезанный фон. Фиксить, я имел ввиду, что целым куском фон накладываем.