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, то два блока идут в ряд, если меньше или ровно то друг под другом. Как такое можно организовать?. Блоки наполняет картинка и обтекающий текст.

Бордер делал, потому что нужно были колонки одинаковой высоты.

Видимо в моей верстке, черт ногу сломит =(

Странно, вроде писал ее, когда пост печатал. сайт

Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)

Если так делаю, то через javascript высота label = 0. Там просто перед тем как элементам появится, просчитывается высота label. с ним происходит определенный эффект. Но в любом случае спасибо за минус 9999

У меня блок с label,input. То есть нажимаем на войти, и появляется вместо войти два инпута логин, пароль.

Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?

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

Как мне недавно подсказали если li - сделать как inline-block. То можно будет установить vertical-align. Еще можешь сделать <a>, как блочный элемент(c паддингом) и сделать у него line-height. Update: charset установить не помешало бы.

Благодарю, за столь содержательный ответ.