Frie

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

Вот за это jquery-mobile спасибо ) Есть ли какие то стандарты по размерам ширины? как изменяется сайт при изменении ориентации, он растягивается? Как лучше делать, фикс или резиновый?

интересно, где вы рылись? Ищите снова, запрос один: Адаптивная верстка. Многие путают адаптивные версии сайтов и мобильные версии сайтов. Не для всех сайтов подходит адаптив. У меня вопрос про мобильную версию.

Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

на этих страницах отсутствует необходимая информация

не по русски написано, но посыл вроде понятен, менять яваскриптом налету. Я имел ввиду, можно ли как то в теге инпут кроме того что его тайп=дата написать формат в котором эту дату выводить?

Стандартный формат этого поля YYYY-mm-dd, но хочется поменять на более нормальный dd.mm.YYYY. Как это сделать?

Сделал по иконке, всёранво вылазит клава. Кстати, мне говорили что есть сайты где при открытии календаря открывается нормальный системный календарь устройства вместо клавиатуры с языком. Как бы такое сделать? А ларчик просто открывается, у поля инпут нужно сделать type="date" Е-хоу!!!! Так, теперь на будущее, тем кто столкнётся с проблемой. Подключаем скрипт который определяет какое устройство, мобильник или десктоп: $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $ipad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad"); $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"); $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"); $mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile"); $symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian"); $operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M"); $htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_"); $fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/"); $winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone"); $wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7"); $wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8"); if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) { $device='mobile'; } else{ $device='desctop'; } А в поле инпут пишем так <input id="datepicker1" type="<?php if($device=='mobile'){echo "date";}else{echo"text";} ?>" autocomplete="off"/>

Спасибо огромное. Это помогло!

А в чём проблема тогда? Не понимаю. Один параметр добавить, если это мобильное устройство и готово. Какой параметр? return false? Кстати как определить, мобильное это устройство или не мобильное?

Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему. У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял. Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой. Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил box-shadow:none, но не помогло. Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?

Не помогает Это и есть этот календарь

Это jQuery календарь он заточен на инпут. А вопрос задал - если вдруг можно как то ещё это сделать не перепиливая календарь.

У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?

жесть .. ничего не понял

я в курсе насчёт box-shadow но в ие это не работает =) я хочу тупо картинками, чтобы они растягивались по высоте среднего дива. больше мне ничего не надо =)

<div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repeat-y; float:left; } В общем, в блоке #primary_content есть три блока, крайние это тени, нужно чтобы они растягивались по высоте дива #center. Если я ставлю чёткую высоту у крайних то всё нормально, но высота всегда динамическая, по-этому она должна меняться относительно высоты центрального дива. Подскажите пожалуйста как сделать кроссбраузерное решение, ie6 - не имеет значения =)

проблема решена, она возникала только в браузере firefox, всё решилось с помощью программы SpeedyFox которая чистит мусор в базе sqlite которую использует ff

Народ, вобщем проблема такая, открываю я страничку своего сайта, и сначала она отображается как будто стиль не применен, а потом через секунду применяются стили и страничка выглядит так как должна выглядеть. Урл к сожалению не могу дать. В чем может быть проблема где порыться? Пробовал код через валидатор прогнать, он нашел кучу хлама, но даже с обновленным кодом чудит. сайт написан на php и делает всякие запросы к базе данных. Я взял открыл страничку и скопировал html код, и запихнул в отдельный файл, тормоза остались. Даже та страничка где всего 2 картинки по 15кб тормозит с отображением

вот ссылка страничка с меню код специально упростил. в ff к левому краю меню плотно прилегает, а вот в ИЕ отступ

Здравствуйте, Вот уже неделю бьюсь над тем что в IE почемуто слева отступ вот код , я его конечно упростил .menu{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);} .menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; } <ul class="menu"> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="dop.php" target="_parent"><span>Дополнительно</span></a></li> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="ad.php" target="_self"><span>Еще</span></a></li> </ul> как победить этот отступ? указание padding-left и margin-left одному 0 а другому 1em не помогает

сейчас код такой <ul class="menu2"> <li><a href="news.php" class="active"><span>Новости</span></a></li> <li><a href="about.php"><span>О Компании </span></a></li> <li><a href="cat.php"><span>Каталог продукции</span></a></li> <li><a href="price.php"><span>Цены</span></a></li> <li><a href="op.php"><span>Оперативная полиграфия</span></a> <ul> <li><a href="#">подраздел №1</a></li> <li><a href="#">подраздел №2</a></li> <li><a href="#">подраздел №3</a></li> <li><a href="#">подраздел №4</a></li> </ul> </li> <li><a href="cat.php"><span>Каталог продукции</span></a></li> <li><a href="price.php"><span>Цены</span></a></li> <li><a href="uslugi.php"><span>Конструкции и дизайн</span></a></li> <li><a href="use.php"><span>Полезная информация</span></a></li> <li><a href="contacts.php"><span>Контакты</span></a></li> <li><a href="order.php"><span>Заказ</span></a></li> </ul> .menu2{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);position:relative; } .menu2 li{padding:0; margin:0 0 1px 0; height:30px; display:block; } .menu2 li a{ text-align:left; height:30px; padding:0px 5px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; display:block; background:url('./images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; } .menu2 li a:hover{ background:url('./images/verMenuImages.png') 0px -30px no-repeat; color:#000; } .menu2 li a.active, .menu2 li a.active:hover{background:url('./images/verMenuImages.png') 0px -60px no-repeat; color:rgb(0,0,0);} .menu2 li a span{line-height:30px;} .menu2 li ul {padding:0;margin:0;display:none;position:absolute;} .menu2 li:hover ul {display:block;left:167px;} .menu2 li ul li {float:none;} .menu2 li ul li a {font-size:0.9em;} менюшка обрезается и показывается ниже пункта меню над которым курсор добавил width:167px; для .menu2 li:hover ul теперь не режется ВСЁЁЁЁ!!! разобрался!! eyexal спасибо огромное за помошь! всех благ тебе =)

поставил position:absolute , менюха уже не режется. Теперь когда навожу я на первый раздел, вылезает справа подменюшка, потом я курсор перевожу ниже на 2 раздел а он не активный, и подменюшка первого раздела не улезает назад, пока мышку не уберу с области меню

Здравствуйте народ! столкнулся со следующей проблемой, у меня менюшка, вертикальная , вот такая <ul class="menu2"> <li><a href="razdel1.php"><span>Раздел 1</span></a> <ul> <li><a href="#">подраздел №1</a></li> <li><a href="#">подраздел №2</a></li> <li><a href="#">подраздел №3</a></li> <li><a href="#">подраздел №4</a></li> </ul> </li> <li><a href="razdel2.php"><span>Раздел 2</span></a></li> </ul> и css вот такой .menu2{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);} .menu2 li{padding:0; margin:0 0 1px 0; height:30px; display:block; } .menu2 li a{ text-align:left; height:30px; padding:0px 5px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; display:block; background:url('./images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; } .menu2 li a:hover{ background:url('./images/verMenuImages.png') 0px -30px no-repeat; color:#000; } .menu2 li a.active, .menu2 li a.active:hover{background:url('./images/verMenuImages.png') 0px -80px no-repeat; color:rgb(0,0,0);} .menu2 li a span{line-height:30px;} .menu2 li ul {padding:0;margin:0;display:none;} .menu2 li:hover ul {display:block;margin-left:100px;} .menu2 li ul li {float:none;} .menu2 li ul li a {font-size:0.9em;} при наведении на раздел 1, справа выезжает подменюшка, но так как UL .menu2 равен 167 пикселям, - половина подменюшки обрезается и ее не видно. сам UL .menu2 сделать больше не могу, так как справа у меня контент. Как бы сделать так чтобы подменюшка открывалась поверх всего и не обрезалась?

Почему так ? можно ли это как то исправить? вот пример