lolka84

Нечего понять не могу.. Ребята, помогите, а. Вот *.otf файл - http://mytavatuy.ru/BlissPro-Italic.otf Здесь генерировал код: http://www.fontsquirrel.com/ В итоге в сгенерированном html пишу "Привет" - шрифт дефолтный. Может и правда оно кириллицу не поддерживает ?

Да, открываю исходник шрифта, *.otf, там по-русски: "съешь этих мягких французских ..." и далее по тексту

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

AJAX вас спасет

Отлично, спасибо

Спасибо, неплохо на первый взгляд Но в демках не нашел, что б было что-то типа того, как у меня в макете. Есть там список воспроизведения, но он для видео. Жду еще советов!

А с проигрыванием аудио-файлов что делать ?

Привет. Несколько вопросов к вам: 1. Теги html5 <video> и <audio> воспроизводят только файлы, которые находятся на фтп с сайтом ? Если нет, то как с помощью <video> вставить видео с youtube например ? 2. В макете нарисовано следущее: Задача верстальщика в чем заключается вообще: чисто разметить страницу под вставку видео и проигрывателя или сделать все, таксказать, "под ключ" ? 3. Как быть с тем, что сафари и ie8 не поддерживают этот тег ? Заранее благодарю!

Ок, пардоньте

Спасибо, помогли

Отбой, все ок

Апну тему. Ребята, спасибо за отзывы, возникла следущая заморочка: сделал подвал прижатым к низу страницы - заказчик говорит, что у него все поползло. Его скриншот - http://mytavatuy.ru/a/img/alyans.png'>http://mytavatuy.ru/a/img/alyans.png (ВНИМАНИЕ! 1.7 мб! ) Ссылка - http://mytavatuy.ru/a/ Фишка в том, у меня все всех браузерах и на всех моих 3х компьютерах ВСЕ ОК. Посмотрите пожалуйста, как оно у вас. Заранее благодарю!

Так оно, но решил выбрать вариант посложнее - резину 1. Не акцентировали этот момент, поэтому пусть будет неприжат 2. Заказчик хотел 100% валидацию 3. Что б табличную структуру имитировать. 4. Тоже заказчик хотел загругляшки 7. Как сделать по-другому ? И в целом - большое спасибо, принял ко вниманию. з.ы. Думал, косяков поболе будет

А по самой верстке замечаний что, нет никаких ?

Дык так оно и есть .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions .pch { width:20%; height:197px; display:table-cell; } .positions figure { width:171px; height:185px; background:url("../img/posFon.png") no-repeat; padding:6px; margin:0 auto; } <div class="positions"> <div class="pch"> <figure class="fonL"> <a href="#"><img id="idP1" src="img/p1.png" alt="" title=""></a> <figcaption><a href="#">Продаем</a></figcaption> </figure> </div> <div class="pch"> <figure class="fonLl"> <a href="#"><img id="idP2" src="img/p2.png" alt="" title=""></a> <figcaption><a href="#">Производим</a></figcaption> </figure> </div> <div class="pch"> <figure class="fonC"> <a href="#"><img id="idP3" src="img/p3.png" alt="" title=""></a> <figcaption><a href="#">Купим</a></figcaption> </figure> </div> <div class="pch"> <figure class="fonRr"> <a href="#"><img id="idP4" src="img/p4.png" alt="" title=""></a> <figcaption><a href="#">Утилизация</a></figcaption> </figure> </div> <div class="pch"> <figure class="fonR"> <a href="#"><img id="idP5" src="img/p5.png" alt="" title=""></a> <figcaption><a href="#">Контакты</a></figcaption> </figure> </div> </div>

С меню вопрос решил, с разделами вопрос остается

Всем привет. Нужны ваши мнения и небольшая помощь. По-идее это сайт на html5, но т.к. это первая попытка - делайте на это скидку По кроссбраузерности: ie8+ http://mytavatuy.ru/a/ Макет - http://mytavatuy.ru/a/img/alyans.jpg Вопросы, как и обещал: 1. Меню. В макете оно со скругленными углами. Самипосебе углы не проблема, но т.к. меню тянется и докучи нужно, что б каждый пункт меню при наведении мыши "подсвечивался", то это меня поставило в тупик - как реализовать скругленные углы ? 2. Разделы сайта (Продаем, покупаем и т.д.). Так и не понял, как сделать, что б они располагались как на макете (растянуты четко от края до края). Мож кто-что подскажет.. Заранее благодарен за мнения

Хороший вариант, спасибо) Натолкнула на одну интересную идею

Сигма, пардон, как "так" ? Пока остановился на этом: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; background:#000; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:#666; padding:6px; margin:0 auto; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } </style> </head> <body> <div class="positions"> <figure> <div class="fonL"> </div> </figure> <figure> <div class="fonLl"> </div> </figure> <figure> <div class="fonC"> </div> </figure> <figure> <div class="fonRr"> </div> </figure> <figure> <div class="fonR"> </div> </figure> </div> </body> </html> Но в таком варианте блоки смещены к центру, хотелось бы, что б все таки крайние были прижаты к краям..

Попробывал через позиционирование - ерунда какая-то получается <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; position:relative; } .positions figure div { width:171px; height:185px; background:#333; padding:6px; position:absolute; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { left:0; } .fonLl { left:23%; } .fonR { right:0; } .fonRr { right:23%; } .fonC { left:43%; } </style> </head> <body> <div class="positions"> <figure> <div class="fonL"> </div> </figure> <figure> <div class="fonLl"> </div> </figure> <figure> <div class="fonC"> </div> </figure> <figure> <div class="fonRr"> </div> </figure> <figure> <div class="fonR"> </div> </figure> </div> </body> </html> Вырезка с макета, как должно быть: http://www.e1.ru/fun/photo/view_pic.php/o/5fc72fb927ebdd39b5626e96859dab90/view.pic

Точно, спасибо! Но тут тогда другая проблема вылазит - как <div class="fonR"> прижать к правому краю, а <div class="fonL"> к левому ? Даже так спрошу: как эти 5 дивов расположить в родителе равномерно, что б правый был все время прижат к правому краю, левый - к левому, центральный что б был всегда посередине, а оставшиеся два что б на равноудаленном расстоянии от соседей были ? Дизайн резиновый. Заранее благодарю!

Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:left; } .fonLl { float:left; margin:0 0 0 3%; } .fonR { float:right; } .fonRr { float:right; margin:0 3% 0 0; } .fonC { margin:0 auto; } </style> </head> <body> <div class="positions"> <figure> <div class="fonL"> <img src="img/p1.png" alt="" title=""> <figcaption>Продаем</figcaption> </div> </figure> <figure> <div class="fonLl"> <img src="img/p2.png" alt="" title=""> <figcaption>Производим</figcaption> </div> </figure> <figure> <div class="fonC"> <img src="img/p3.png" alt="" title=""> <figcaption>Купим</figcaption> </div> </figure> <figure> <div class="fonRr"> <img src="img/p4.png" alt="" title=""> <figcaption>Утилизация</figcaption> </div> </figure> <figure> <div class="fonR"> <img src="img/p5.png" alt="" title=""> <figcaption>Контакты</figcaption> </div> </figure> </div> </body> </html>

Это я уже понял, еще раз спасибо

Разобрался вроде. http://jsfiddle.net/dENfJ/11/ Так правильно будет ? Softlink, спасибо за помощь!

Угу. Если вас не затруднит, дайте линк, где об этом почитать можно. Заранее спасибо!