like2dev

Описание задач по ссылке: http://www.free-lance.ru/projects/1261678/rabota-dlya-frontend-developer-po-internet-magazinu.html

Здравствуйте. Есть верстка интернет-магазина notus.cr.net.ua ( тестовый домен ). Нужен верстальщик, для доработки и фикса нужных частей верстки. Верстка: IE 7+ , Safari 4+ , Opera 11 + , Firefox, Chrome - last. Навыки: - HTML / CSS - JavaScript / jQuery Контакты: skype: like2dev mail: cv@notus.com.ua

Здравствуйте. На сайте bootstrap написано, что у них ширина сетка 940px ячеек 12. Но почему-то последняя ячейка 12 получается 1170 + 30px отступ

Не начинающий. Я понимаю, что это как бы просто набор классов хэлперов типо снипетов.

То есть, если я подписываю на его использование, то в дизайне нужны кнопки и т.д в его стиле. Или я могу просто это все переопределить главное чтобы идеалогия фреймворка не страдала.

Я просто не использовал такие вещи никогда. Мне интересно облегачает ли использования css фреймворков процесс верстки, то есть влияет ли это на скорость. На след неделе предстоит верстать не большой сайт, вот думаю стоит ли применить его.

Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?

Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)

У меня Safari 5 и блок "Последнии новости раздела" уходит за саму новость. Самое смешное что во всех браузерах от IE до Chrome, все ок! Только Сафари берет откуда то лишних 2px у каждого inline-block. SOLVED> Убрал font-size: 0; В старой верстке и все стало ок.

На реальной верстке это исправление не помогло( Люди подскажите пожалуйста, что еще может быть. Заметил что при зумировании блок то смещается, то становится на место( В Сафари)

Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .

<style> .side-l { width: 740px; } .content { width:100%; } .article-wrap { margin: 0 10px; } .column { 360px; } .side-l .article-main-img{ width: 336px; height: 142px; } .column .article-main-img { width: 84px; height: 84px; } </style> <div class="side-l"> <div class="content"> <div class="article-category"> <div class="article-main"> <div class="article-wrap"> <div class="article-main-img"> <img src="" alt="" /> </div> <div class="article-main-content"> <div class="article-main-content-header"> </div> <div class="article-main-content-body"> </div> <div class="article-main-content-meta"> </div> </div> </div> </div> </div> </div> </div> Когда родитель side-l div.article-main-img & div.article-content - идут в ряд, когда column друг под другом.

А для inline-block ширину указывать не надо? Потому что у меня не должно быть фикс ширины у этих блоков.

Именно текст растгяивается на ширину блока родителя. Есть фотография она либо 84 , либо 336 по ширине, дальше идет блок с обтекщающим текстом ( на ширину родителя)

Есть блок он может быть шириной 360 или 720, в нем два дива. Мне нужно если ширина внешниго блока больше чем 360, то два блока идут в ряд, если меньше или ровно то друг под другом. Как такое можно организовать?. Блоки наполняет картинка и обтекающий текст.