a.antropov
-
Posts
18 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by a.antropov
-
Резиновые блоки с пропорциональными размерами
a.antropov replied to a.antropov's question in HTML Coding
если бы можно было обойтись этим, я б сюда не обращался. Понятно, что напрямую простой текст туда пихать не надо, мне, например, это нужно было для организации фотогалереи. Хотя и узнал о viewport-единицах. -
Резиновые блоки с пропорциональными размерами
a.antropov replied to a.antropov's question in HTML Coding
mrnobody, точно же, спасибо. Это, оказывается, даже слишком просто. Вот только нужно срочно освежить теорию) -
Резиновые блоки с пропорциональными размерами
a.antropov replied to a.antropov's question in HTML Coding
Обалдеть, аж готовый код выложили, огромнейшее спасибо Вот только мне не понятны значения верхних отступов псевдоэлементов и почему они так влияют на данную разметку? Хм. тоже вариант, спасибо, только что узнал об этой единице измерения. Только интересует, поддержка мобильных браузеров для андроида, к сожалению, нет устройства на этой ОС, чтобы проверить. Вы не знаете? -
Я думаю решение есть, но не знаю, как оно называется и по каким ключевым словам искать. Нужно реализовать пару резиновых сеток из 8 и 6 блоков с пропорциональными размерами. Прикреплю изображения, чтобы было наглядно. В первом случае это квадраты, сторона квадрата = 25% ширины окна браузера. Во втором случае 4 квадрата и 2 прамоугольника, сторона квадрата = 25% ширины окна браузера, наибольшая сторона прямоугольника = 50% ширины окна браузера. Надеюсь, можно обойтись без скриптов, если да, то что использовать? Что-то у меня нет никаких идей по поводу пропорционального изменния высоты блоков. Спасибо.
-
Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют
-
нет
-
Понимает, ie7 +, а за ie6 можно уже не ухаживать =)
-
Кстати, сайт на юкозе, у тебя какой код отвечает за вывод описания песни (на странице самой песни)? Используй следующий мета тег между <head></head>: <meta name="description" content="$КОД_ОПИСАНИЯ_ПЕСНИ$" /> Если же нет кода описания песни, то можно в meta name="description" выводить часть текста песни, например <meta name="description" content="<?substr($MESSAGE$,0,140)?>" /> Правда при таком способе будут выводиться html-теги, к примеру перенос строки <br/>
-
Растягивание неск.блоков по всей ширине родителя
a.antropov replied to a.antropov's question in HTML Coding
это совсем не то. Мне НЕ нужно распложить блоки в одну линию -
Нужно просто разобраться в методе прижатия футера к низу страницы и поиграть с отступами) уверяю, все получится
-
Используйте мета-теги, http://htmlbook.ru/content/metategi
-
колонка должна растягиватсья используйте "min-height" вместо "height"
-
Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов. В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого.. Вот мой код: <div id="content"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> #content { width: 800px; margin: 0 auto; text-align: justify; } .block { display: inline-block; width: 180px; height: 180px; text-align: left; margin: 7px 0; background: #ccc; } Может, это делается с помощью float'ов.. Но тогда придется делать запас справа, но мне нужно без этого, родитель с четкими границами слева и справа.
-
Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..
-
Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..
-
Хм.. нет, все таки так не получается, допустим, если высота блока n больше, чем высота блока n+1, то блок n+2 прижимается к правому краю блока n..
-
Спасибо, впринципе и на jq это очень просто)
-
При верстке двухколоночного макета столкнулся с проблемой. Контент представляет собой "нвости", "статьи", которые формируются в две колонки. Затруднений бы не воздникло, если бы все блоки были одинакового размера, ширина фиксированная, но вот высота может быть какой угодно. На картинке схематично изобразил расположение частей сайта, блоки пронумерованны. Шаблон блоговый, на странице будут по мере добавления выводиться статьи/записи. Так вот, можно ли как-то это реализовать средством css, задавая блокам свойство "float: left;", имея такую html-разметку: <header>header</header> <div id="middle"> <div id="content"> <div class="block">block_1</div> <div class="block">block_2</div> <div class="block">block_3</div> <div class="block">block_4</div> ................................ <div class="block">block_N</div> </div> <aside> sidebar </aside> </div> <footer>footer</footer> Верстка фиксированная. Если нельзя ограничиться лишь CSS, то подскажите, что можно и как использовать?