troll31

нужно запретить IE уходить в режим совместимости <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

SelenlT, npofopr, большое спасибо за наводку! Способ с градиентом и картинкой наиболее оптимальный.. но.. для фиксированных макетов, фоновую картинку в таком виде будет трудно адаптировать под малые экраны с сохранением пропорций. table-cell тоже хороший способ (под IE6-7 уже не верстают), флексбоксы не дружат с IE ниже 10 версии. Способ Чикуенка настораживает отрицательными маржинами, все таки HTML5..) Придется, наверное, увеличивать ширину общего блока на ширину выступа, а потом на малых экранах этот выступ обрезать (подредактировать картинку). Вот скрин, что хотелось бы получить в результате http://s019.radikal.ru/i601/1308/b2/87c390f5f30e.jpg Интересно, сколько же сообщений нужно написать, чтобы получить уже право ставить плюс)

Попался непростой дизайн для верстки, сайт будет адаптивный, хотя дизайн изначально под это не был рассчитан. Никак не могу решить, как правильно сверстать нижнюю часть. В правой и левой колонке фоном идет рисунок (рипитится по вертикали) и часть этого рисунка по замыслу дизайнера должна выступать за границу сайта. В принципе, это можно сделать и отрицательным маржином, но придется убирать выравнивание высоты колонок, потому, что необходимый для выравнивания overflow:hidden, не дает блоку с картинкой вылезти за границу сайта. С помощью before и after тоже не получается (абсолютное позиционирование не дает репититься рисунку). Проблема на декстопной версии сайта решилась увеличением общей площади контейнера и центрированием верхних элементов, тогда у нижних колонок с выступающим рисунком остается больше места. Но обнаружилась другая проблема. С уменьшением разрешения экрана ширина желтого блока и нижней части уменьшается неравномерно. Нижняя часть становиться значительно меньше по ширине, чем желтый блок. Потому, что на больших экранах она была больше. Может быть, немного путанно объясняю, но как мне сделать выступ рисунка за границы колонок и при этом сохранить равномерное уменьшение ширины верхних блоков сайта на малых экранах? Привожу код. который у меня получился. <div class="wrapper" <div class="content clearfix"> <div class="left-col">hhjkhk</div> <div class="right-col">k;kl;k;k;</div> <div class="center-col"></div> </div> </div> <style> .wrapper { width:100%; max-width: 1320px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } .content { width:100%; min-width: 400px; margin:0 auto; overflow: hidden; min-height:1000px; } .left-col { float: left; width: 240px;; background-image: url(../images/bg.png); background-position: top right; background-repeat: repeat-y; padding-bottom: 20000px; margin-bottom: -20000px; } .right-col { float: right; width: 240px; background-image: url(../images/bg.png); background-position: top left; background-repeat: repeat-y; padding-bottom: 20000px; margin-bottom: -20000px; } .center-col { overflow: hidden; padding-bottom: 20000px; margin-bottom: -20000px; } </style> Не найду, где можно загрузить скриншот. Заранее благодарю за любую подсказку!!!

http://netrenderer.com/ Врет только в случае, если на сайте нет доктайпа

Если скайп чат уже есть, скажите пожалуйста, условия участия (контакты). Не думаю, что на первых порах буду что-то говорить, но хочется послушать специалистов и понять принципы их работы. потому, что по большей части приходиться учиться только самостоятельно

.mi-slider ul li { max-width: 628px; } Нужно увеличить максимальную ширину. Но все равно остается ощущение, что этот блок на малых расширениях ведет себя неправильно

да, конечно, понятно, что столько сверстать в день нереально. Но насколько мне подсказывает опыт, такое делается для того, чтобы сбить цену в конце месяца..

да вот поэтому и думаю.. потому что на фрилансе постоянно натыкаешься на посредников, а это бесконечные переделки с размытым ТЗ.. в офисе (если нормальные нормы брать, конечно верстки в день) выходит денег по любому больше. Можно играться с макетом сколько угодно, идут деньги компании) меня в этом офисе на редкость все устроило, такое со мной почти не бывает, (с офисами мне раньше как то не везло) попробую еще разузнать, насколько они серьезно про нормы сказали...может в ближайшие дни что проясниться..за ответы большое спасибо, теперь хотя бы понятно, с чем в принципе можно столкнуться.. ОГО! в макете еще надо корзину было поставить)) это же магазин! Сейчас на фрилансе за магазин самый простой берут 30 минимум, в агентствах от 60

В смысле мало или много?))) Какие сто баксов)) я потому и думаю, что делать, если по 20 страниц не будет выходить, а это точно у меня не будет))

Спасибо за ответы! Сегодня нужно было старые пять таблиц и две галереи на js перенести с переверсткой под новый дизайн, картинки и размеры. В общем, заняло это целый день! А норма у нас озвучена 20 страниц в день поэтому и появилась мысль создать этот топик, чтоб выяснить, сколько, в какой объеме и какой сложности делает работу нормальный верстальщик (опыт в верстке у меня не очень большой, больше по дизайну, но верстаю). И решить, что делать дальше))))

На новой работе нужно сейчас в основном, верстать. Причем озвучено нереально большое количество страниц верстки сайта без CMS). Хочу проконсультироваться какая у html верстальщика должна быть норма выработки в день (она наверняка есть).

Спасибо большое за помощь, завтра постучусь, жаль форум не дает плюс поставить

Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

Привет! Я новичок в PHP, в компании стоит задача перевести контактную форму на русский язык. Перевожу ::$INPUT_LABEL_ATTR. - ничего не происходит. Подскажите, пожалуйста, где нужно в форме заменить английский текст на русский. Код контактной связи <?php class Inc_Form_Shortcode extends Abstract_Inc_Shortcode implements Inc_Shortcode_Designer { static $ID_ATTR = "id"; static $ACTION_ATTR = "action"; static $CAPTCHA_ATTR = "captcha"; static $SUCCESS_MSG_ATTR = "success"; static $ERROR_MSG_ATTR = "error"; static $SUBMIT_LABEL_ATTR = "submit_label"; static $DISPLAY_LEGEND_ATTR = "display_legend"; static $INPUT_ID_ATTR = 'id'; static $INPUT_NAME_ATTR = 'name'; static $INPUT_TYPE_ATTR = 'type'; static $INPUT_REQUIRED_ATTR = 'required'; static $INPUT_LABEL_ATTR = 'label'; static $INPUT_VALUE_ATTR = 'value'; function render($attr, $inner_content = null, $code = "") { $content = ''; switch ($code) { case "form": $inner_content = do_shortcode($this->prepare_content($inner_content)); $content .= $this->render_form($attr, $inner_content); break; case "input": $inner_content = do_shortcode($this->prepare_content($inner_content)); $content .= $this->render_form_input($attr, $inner_content); break; } return $content; } private function render_form($attr, $inner_content) { extract(shortcode_atts(array( Inc_Form_Shortcode::$ID_ATTR => '', Inc_Form_Shortcode::$ACTION_ATTR => '#', Inc_Form_Shortcode::$CAPTCHA_ATTR => 'false', Inc_Form_Shortcode::$SUBMIT_LABEL_ATTR => '', Inc_Form_Shortcode::$DISPLAY_LEGEND_ATTR => 'true', Inc_Form_Shortcode::$SUCCESS_MSG_ATTR => '', Inc_Form_Shortcode::$ERROR_MSG_ATTR => ''), $attr)); $submitButtonId = uniqid(); $successBoxId = uniqid(); $errorBoxId = uniqid(); $submit_label = !empty($submit_label) ? $submit_label : __('Submit', INCEPTIO_THEME_NAME); $success = !empty($success) ? $success : __('The form has been successfully submitted', INCEPTIO_THEME_NAME); $error = !empty($error) ? $error : __('The form couldn\'t be submitted because a server error occurred. Please try again later.', INCEPTIO_THEME_NAME); $id = !empty($id) ? ' id="' . $id . '"' : ''; $form_action = site_url('wp-admin/admin-ajax.php'); $content = do_shortcode('[notif id="' . $successBoxId . '" type="success" display="false"]' . $success . '[/notif]'); $content .= do_shortcode('[notif id="' . $errorBoxId . '" type="error" display="false"]' . $error . '[/notif]'); $content .= "<form" . $id . " class=\"content-form\" method=\"post\" action=\"$form_action\">"; $content .= $inner_content; if (inc_is_captcha_form_enabled() && $captcha == 'true') { $content .= "<p>"; $content .= do_shortcode('[captcha][/captcha]'); $content .= "</p>"; } $content .= "<p>"; $content .= "<input id=\"$submitButtonId\" class=\"button\" type=\"submit\" name=\"submit\" value=\"$submit_label\">"; $content .= "</p>"; $content .= "</form>"; if ($display_legend == 'true') { $content .= "<p><span class=\"asterisk note\">*</span> " . __('Required fields', INCEPTIO_THEME_NAME) . "</p>"; } $content .= "<script type=\"text/javascript\"> if(!document['formsSettings']){ document['formsSettings'] = []; } document['formsSettings'].push({ action: '" . $action . "', submitButtonId: '" . $submitButtonId . "', successBoxId: '" . $successBoxId . "', errorBoxId: '" . $errorBoxId . "' }); </script>"; return $content; } private function render_form_input($attr, $inner_content = null) { $content = ''; extract(shortcode_atts(array( Inc_Form_Shortcode::$INPUT_ID_ATTR => uniqid(), Inc_Form_Shortcode::$INPUT_NAME_ATTR => '', Inc_Form_Shortcode::$INPUT_TYPE_ATTR => 'text', Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR => 'false', Inc_Form_Shortcode::$INPUT_LABEL_ATTR => '', Inc_Form_Shortcode::$INPUT_VALUE_ATTR => '' ), $attr)); $required_span = ''; $required_class = ''; if ($required == 'true') { $required_span = "<span class=\"asterisk note\">*</span>"; $required_class = "class=\"required\""; } if ($type != 'submit') { $content .= "<p>"; if ($type == 'hidden') { $content .= "<input id=\"$id\" type=\"$type\" name=\"$name\" value=\"$value\">"; } elseif ($type == 'custom') { $content .= "<label for=\"$id\">" . $label . ":$required_span</label>"; $content .= $inner_content; } else { if ($type == 'textarea') { $content .= "<label for=\"$id\">" . $label . ":$required_span</label>"; $content .= "<textarea id=\"$id\" cols=\"68\" rows=\"8\" name=\"$name\" $required_class>$value</textarea>"; } elseif ($type == 'checkbox') { $checked = ($value == 'on' || $value == 'checked') ? 'checked' : ''; $content .= "<input id=\"$id\" name=\"$name\" type=\"checkbox\" $required_class $checked>"; $content .= " <label for=\"$id\">" . $label . ":$required_span</label>"; } else { $content .= "<label for=\"$id\">" . $label . ":$required_span</label>"; $content .= "<input id=\"$id\" type=\"$type\" name=\"$name\" value=\"$value\" $required_class>"; } } $content .= "</p>"; } return $content; } function get_names() { return array('form', 'input'); } function get_visual_editor_form() { $example1 = '[input '.Inc_Form_Shortcode::$ID_ATTR.'="name-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Имя" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="text" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="name" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example1 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="email-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Email" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="email" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="email" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example1 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="url-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Сайт" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="url" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="url" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="false"][/input]'; $example1 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="subject-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Тема" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="text" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="subject" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example1 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="message-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Сообщение" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="textarea" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="message" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example1 = htmlspecialchars($example1); $example1 = str_replace(array('[', ']'), array('[', ']'), $example1); $example2 = '[input '.Inc_Form_Shortcode::$ID_ATTR.'="tf-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Имя" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="text" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="name" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example2 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="ef-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Email" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="email" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="email" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example2 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="erlf-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Сайт" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="url" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="url" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="false"][/input]'; $example2 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="cf-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Checkbox Field" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="checkbox" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="checkbox" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example2 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="custf-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Custom Field" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="custom" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"]<select id="custf-id" name="custom"><option value="op1">Option 1</option><option value="op2">Option 2</option></select>[/input]'; $example2 .= '[input '.Inc_Form_Shortcode::$ID_ATTR.'="taf-id" '.Inc_Form_Shortcode::$INPUT_LABEL_ATTR.'="Textarea Field" ' . Inc_Form_Shortcode::$INPUT_TYPE_ATTR . '="textarea" ' . Inc_Form_Shortcode::$INPUT_NAME_ATTR . '="textarea" ' . Inc_Form_Shortcode::$INPUT_REQUIRED_ATTR . '="true"][/input]'; $example2 = htmlspecialchars($example2); $example2 = str_replace(array('[', ']'), array('[', ']'), $example2); $content = '<form id="sc-form-form" class="generic-form" method="post" action="#" data-sc="form">'; $content .= '<fieldset>'; $content .= '<div>'; $content .= '<label for="sc-form-ext">' . __('Example Type', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<select id="sc-form-ext" name="sc-form-ext">'; $content .= '<option value="contact">' . __('Contact Form Example', INCEPTIO_THEME_NAME) . '</option>'; $content .= '<option value="basic">' . __('Basic Form Example', INCEPTIO_THEME_NAME) . '</option>'; $content .= '</select>'; $content .= '</div>'; $content .= '<div>'; $content .= '<label for="sc-form-id">' . __('ID', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<input id="sc-form-id" name="sc-form-action" type="text" data-attr-name="' . Inc_Form_Shortcode::$ID_ATTR . '" data-attr-type="attr">'; $content .= '</div>'; $content .= '<div>'; $content .= '<label for="sc-form-action">' . __('Action', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<input id="sc-form-action" name="sc-form-action" type="text" data-attr-name="' . Inc_Form_Shortcode::$ACTION_ATTR . '" data-attr-type="attr" class="required">'; $content .= '</div>'; $content .= '<div>'; $content .= '<input id="sc-form-captcha" name="sc-form-captcha" type="checkbox" data-attr-name="' . Inc_Form_Shortcode::$CAPTCHA_ATTR . '" data-attr-type="attr">'; $content .= '<label for="sc-form-captcha">' . __('Add Captcha', INCEPTIO_THEME_NAME) . '</label>'; $content .= '</div>'; $content .= '<div>'; $content .= '<label for="sc-form-sl">' . __('Submit Label', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<input id="sc-form-sl" name="sc-form-sl" type="text" data-attr-name="' . Inc_Form_Shortcode::$SUBMIT_LABEL_ATTR . '" data-attr-type="attr">'; $content .= '</div>'; $content .= '<div>'; $content .= '<label for="sc-form-success">' . __('Success Message', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<input id="sc-form-success" name="sc-form-success" type="text" data-attr-name="' . Inc_Form_Shortcode::$SUCCESS_MSG_ATTR . '" data-attr-type="attr">'; $content .= '</div>'; $content .= '<div>'; $content .= '<label for="sc-form-error">' . __('Error Message', INCEPTIO_THEME_NAME) . ':</label>'; $content .= '<input id="sc-form-error" name="sc-form-error" type="text" data-attr-name="' . Inc_Form_Shortcode::$ERROR_MSG_ATTR . '" data-attr-type="attr">'; $content .= '</div>'; $content .= '<div>'; $content .= '<input id="sc-form-dl" name="sc-form-dl" type="checkbox" checked data-attr-name="' . Inc_Form_Shortcode::$DISPLAY_LEGEND_ATTR . '" data-attr-type="attr">'; $content .= '<label for="sc-form-dl">' . __('Display Legend', INCEPTIO_THEME_NAME) . '</label>'; $content .= '</div>'; $content .= '<div >'; $content .= '<input id="sc-form-ex-contact" type="hidden" value="' . $example1 . '">'; $content .= '<input id="sc-form-ex-basic" type="hidden" value="' . $example2 . '">'; $content .= '<input id="sc-form-form-submit" type="submit" name="submit" value="' . __('Insert Form', INCEPTIO_THEME_NAME) . '" class="button-primary">'; $content .= '</div>'; $content .= '</fieldset>'; $content .= '</form>'; return $content; } function get_group_title() { return __('Others', INCEPTIO_THEME_NAME); } function get_title() { return __('Form', INCEPTIO_THEME_NAME); } }