Jump to content

MiReQ

Newbie
  • Posts

    11
  • Joined

  • Last visited

MiReQ's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. На сколько я понял, эту мысль вы и выразили в этом апдейте. А в текущем примере ссылка подробнее уехала... Ее надо разместить в правом нижнем углу. да, я начал с хрома и IE...
  2. FireFox... Там нельзя table-cell'ам задавать position:relative...
  3. Добрый день всем. Мучаюсь над выравниванием блоков по высоте. есть такая штука: http://jsfiddle.net/kBgRH/ Надо выровнять эти 3 колонки. Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет... .region-bg использую по причине, что вместо цвета будет background-картинка. Существующие решения не катят из-за: 1) произвольное число колонок (там еще и строк будет несколько) 2) border-radius Есть предложения сделать это без JS? P.S. заранеее спасибо P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно...
  4. Если использовать JS, то можно так: http://jsfiddle.net/JYzwP/1/ (пример с jQuery) Вы ловим событие onClick и прекращаем дальнейшую обработку события, возвращая false. В таком случае переход по ссылке не выполнится.
  5. На счет высоты блоков: хм... в общем-то не смертельно, наверное... C JS знаком достаточно хорошо. На сколько я понимаю, что вы предлагаете примерно следующее: /* * это скорее псевдокод, так что... */ jQuery.fn.mlTextOverflow = function(){ var block = this; this.children().each(function(index, elem){ elem = jQuery(elem); var elemPosition = elem.position(); if (elemPosition.top > block.height()) // блок целиком не виден //elem.css({display: 'none'}); // даже скрывать не надо else if (elemPosition.top + elem.height() > block.height()) // блок виден частично { var freeSpace = block.height() - elemPosition.top; var linesCount = Math.floor(freeSpace/elem.css('lineHeight')); // количество строк текста для отображения target.height(elemPosition.top + linesCount * elem.css('lineHeight')); // меняем высоту на допустимую (режем между строками) } }); } По сути, можно... но... это же столько всего учитывать придется.... margin, padding, <p> <img /> </p>... А какое решение Вы хотели предложить?
  6. Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> </div> </body> </html> Искал и в yandex'е, и здесь, на форуме... Нашел мою проблему в теме обрезание текста на css3, но решения там так и не нашли. Предложили text-overflow, про который автор темы знал и в первом же сообщении объяснил, почему не подходит, и jQuery-плагин, который реализует text-overflow там, где его нет. Заранее спасибо.
  7. Я так и думал, что решения если и есть, то неоправданно затратные... Всем спасибо! Однако, если будут изящные решения - был бы рад узнать Да, наверное это лучшее решение было бы... Но тут одна проблема... "Медленно минуты уплывают вдаль, встречи с ними ты уже не жди..." Вообсчим, такой заказчик может сказать: "А давайте другой шрифт попробуем ".
  8. Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy