a.antropov
-
Posts
18 -
Joined
-
Last visited
a.antropov's Achievements
Explorer (1/14)
0
Reputation
-
Резиновые блоки с пропорциональными размерами
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 на него никак не реагирует..