eckimoc

Надеюсь получится найти мастера. Если ни секрет, как вы искали мастера, который взял вас в подмастерья? Спасибо за замечания. Все собираюсь сделать себе нормальный чек лист, что бы не было таких моментов.

Большое спасибо всем откликнувшимся. Спасибо за замечание. Действительно, правильней было бы прописать новые правила css. Но почему-то эта идея не пришла мне в голову.

Здравствуйте уважаемые форумчане. Пожалуйста, оцените верстку http://training.od.ua/site2/index.html . Возможно ли с таким уровнем верстки итди в подмастерье?

Спасибо, за ваши ответы. Сегодня целый день пробовал понять, почему это происходит, причем, только в Mac OS. Блок не выходит за пределы родительского елемента. Был бы благодарен, если бы помогли с этой проблемой или направили в какую сторону гуглить. Вот сss этого блока nav { margin-top: 10.1rem; ul { border-top: .5rem solid #777; list-style-type: none; padding: 0; } li { position: relative; display: inline-block; font-size: 1.6rem; font-weight: bold; margin-left: 3.6rem; margin-right: 1.3rem; padding-top: 2.7rem; a { padding-top: 2.7rem; text-decoration: none; color: #555; } } li:nth-of-type(8) a:after { content: ''; display: block; position: absolute; background: url(/images/sprites.png) no-repeat -11.6rem -3.6rem; background-color: #fbfbfb; width: 3.8rem; height: 2.9rem; top: -1.9rem; left: -.3rem; }} Исправил этот косяк с помощью text-overflow. Высота установлена у слайдера. Пробовал ее убирать, но из-за того, что каждый слайд имеет абсолютное позиционирование, слайдер схлопывается. Убрать абсолютное позиционирование со слайдов не могу, так как нужен эффект перелистывания слайдов. Не знаю, как еще можно решать такие моменты? Подскажите, стоит-ли заморачиваться со слайдерами на css или лучше делать на jquey. Все предупреждения связаны с тем, что не указаны заголовки у article. Как думаете, рационально-ли было использовать article и section в данном контексте? Действительно ступил, нужно было использовать <hr>. Rem использую, когда не нужна поддержка IE8. Как по мне, так проще чем em, всегда знаешь, что 1rem = 10 px. Был бы благодарен если бы подсказали почему, когда я начинаю играться с масштабом, местами исчезают границы и в webkit браузерах при очень маленьком масштабе начинают скакать картинки?

Здравстуйте. Столкнулся с проблемой в webkit браузерах. При уменьшении масштаба, картинки начинают уменьшаться непропорционально. Пожалуйста, помогите разобраться в проблеме. Вот сайт http://www.training.od.ua.

Здравствуйте. Пожалуйста, покритикуйте верстку сайта http://www.training.od.ua. Очень интересует семантика кода. Можете написать, сколько, приблизитнльно, времени должно уходить на верстку такого сайта?

Не подскажите, почему CSS валидатор ругается на такую форму записи: #check1:checked ~ #lab1, #check2:checked ~ #lab2, #check3:checked ~ #lab3, #check4:checked ~ #lab4, #check5:checked ~ #lab5 { background-color: #d0003e; }

Спасибо за ответ. С фотошопом получается, что макет я просматриваю в кодировке RGB, при сохранении спрайтов выбираю "сохранить для web", там тоже указана кодировка RGB, но в результате получаю несовпадение оттенков. По-поводу слайдера не подскажете, как решить эту проблему? Я пробовал разные варианты, но без задания фиксированных padding, не получается растянуть блоки на всю ширину слайдера. Вот мой скрипт: <script type="text/javascript">$('document').ready ( function () {var input = $('#promo_tabs input:checked').attr('id'); $('#promo_label label').each ( function () { if ( $(this).attr('for') === input) { $(this).next('.slider_promo_tab').css("background-color", "#c60032" ); $(this).next('.slider_promo_tab').css("background-image", "inherit" ); $(this).next('.slider_promo_tab').css("color", "white" ); $(this).next('.slider_promo_tab').css("font-weight", "bold" ); $(this).next('.slider_promo_tab').children('div').css("opacity", "1" ); } })})$('#promo_left_arrow').click( function () { var input = $('#promo_tabs input:checked').prevAll("input[type=radio]").first(); input.click(); }) $('#promo_right_arrow').click( function () { var input = $('#promo_tabs input:checked').nextAll("input[type=radio]").first(); input.click(); })$('#promo_tabs input').change ( function () {var input = $('#promo_tabs input:checked').attr('id'); $('#promo_label label').each ( function () { if ( $(this).attr('for') === input) { $(this).next('.slider_promo_tab').css("background-color", "#c60032" ); $(this).next('.slider_promo_tab').css("background-image", "inherit" ); $(this).next('.slider_promo_tab').css("color", "white" ); $(this).next('.slider_promo_tab').css("font-weight", "bold" ); $(this).next('.slider_promo_tab').children('div').css("opacity", "1" ); } else { $(this).next('.slider_promo_tab').css("background-color", "#F5F7F8" ); $(this).next('.slider_promo_tab').css("background-image", "" ); $(this).next('.slider_promo_tab').css("color", "#d9627c" ); $(this).next('.slider_promo_tab').css("font-weight", "normal" ); $(this).next('.slider_promo_tab').children('div').css("opacity", "0" ); } }) var input2= $('#promo_tabs').children('input').first().attr('id'); var input3= $('#promo_tabs').children('input').last().attr('id'); if (input === input2) { $('#promo_left_arrow').css("opacity", "0.3"); $('#promo_left_arrow').css("cursor", "auto"); } else { $('#promo_left_arrow').css("opacity", "1"); $('#promo_left_arrow').css("cursor", "pointer"); } if (input === input3) { $('#promo_right_arrow').css("opacity", "0.3"); $('#promo_right_arrow').css("cursor", "auto"); } else { $('#promo_right_arrow').css("opacity", "1"); $('#promo_right_arrow').css("cursor", "pointer"); } })</script>Прекрасно работает везде, кроме IE8. Как я понимаю, это связано с тем, что IE8 не поддерживает :checked. Для решения этой проблемы установил selectivizr, скрипт начал работать, но очень криво. Я так и не смог решить, почему скрипт не работает нормально.

Доброго времени суток уважаемые форумчане. Прошу вас оценить работу начинающего верстальщика. http://www.training.od.ua/index.html В качестве макета использовался макет с темы http://htmlforum.ru/index.php?showtopic=47965. Валидацию html получается пройти, но css3 валидация - это полный провал. Найдено 34 ошибки и 34 предупреждения. Я понимаю, что код должен быть полностью валидным, но если я начинаю убирать ошибки, то сайт начинает сыпаться на IE или перестают работать скрипты. Также был бы вам благодарен, если бы помогли мне ответить на вопросы: 1. При появлении горизотальной прокрутки, если с помощью нее подвинуть окно браузера, то на появившемся месте не отображается фон, как это исправить? 2. Является-ли ошибкой "Pixel Perfect" верстки несовпадение букв текста? 3. Возможно-ли было реализовать переключение слайдов стрелками во втором слайдере без использования jquery? Если да, пожалуйста, направюте в каком направлении копать. 4. В IE 8 так и не получилось сделать нормальную работу слайдеров. Как вы боретесь с тем, что IE8 не распознает :checked. Вычитал про selectivizr, но так и не смог нормально его прикрутить. Был бы благодарен, если бы вы указали на мою ошибку. 5. Проблема при сохранении спрайтов, их оттенок на сайте отличается от того что в фотошопе. Ломал голову, но так и не смог разобраться почему так получается. Пожалуйста оцените качество верстки. Заранее спасибо за конструктивную критику.