klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
обычное состояние кнопки: http://take.ms/5Bty2 она же при ховере: http://take.ms/QXm3E Ты при ховере меняшь физические размеры элемента, что, собственно, и влияет на "скачок" модала, так как у него высота не фиксированна.
-
Opera не Chrome. Она на базе движка Blink. в глаза не видел. но если заказчик потребует поддержку для него, то он же и будет за это платить. с другой стороны если данный браузер рендерит страницу иначе, чем топовые браузеры, то грош ему цена.
-
.rt-block.cp li { list-style: none; display: inline; margin-right: -0.25em; }
-
Избежать раздвижение элементов при скрыти/отображении
klierik replied to ekkl's question in HTML Coding
читать -- как правильно задать вопрос, у меня в подписи. -
1. потому что стили в процессе загрузки 2. .el { position: absolute; z-index: 1; top: 0; bottom: 0; height: 100%;}
-
если требуется по-центру экрана как вертикально так и горизонтально, то table лучший вариант на сегоднящний день.
-
Подскажите как сделать защиту сайта от копирования
klierik replied to igornagorny89's question in HTML Coding
выводить весь сайт (каждую страницу) одной сплошной картинкой. -
позиционировать left: 50%, а потом добавить отрицательный отступ слева, который будет равен 1/2 от ширины выпадающего списка. некорректно задано вопрос. что значит как? руками. А вообще это не более чам самый обычный блок, у которого левая, правая, верхняя часть -- это картинки. Тут надо делать комбинирование что бы оно тянулось.
-
правильно. от чего же? можно и повесить, что от этого плохого будет? дело не в паре классов, а в конструкции HTML разметки и именах (классах) которые она содержит.
-
для листов кода существует песочница (или спойлер). Устное предупреждение.
-
Проблема с отображением сайта на ipad (контент в таблице)
klierik replied to weart's question in HTML Coding
http://jsfiddle.net/ehXp4/ -
@quickreg, почитай в подписи как правильно задавать вопрос. Для листов кода существует песочницы (или спойлер в крайнем случае). Устное предупреждение.
-
Firefox в td не работает относительное позиционирование
klierik replied to Bava's question in HTML Coding
Всё верно, FF не поддерживает. Можно использовать td>div или другой способ. Варианты всегда есть. -
не надо вестись на этот бред. если говорить про верстку сайта таблицами -- то да, это изврат (на сегодняшний день, но не 10 лет назад, хотя такая верстка имеет существенные преимущества перед дивами, но и недостатки тоже). для достижения максимальной отзывчивости от функциональности от элемента -- не важно какие инструменты для этого использованы. вместо того что бы городить псевдо-таблицу и потом писать хак для ИЕ (что само собой усложняет поддержку кода в будущем) можно быстрее, проще и в итоге понятнее реализовать данную задачу через обычную таблицу. она будет работать везде одинаково, предсказуемо и надежно.
-
Уважаемые,оцените верстку Винной страницы :)
klierik replied to Temik2704's topic in Discussion of works
1. <div class="clear"></div>старый метод. 2. плохо .new-products-block ul li>spanхорошо: .new-products-block .price {}3. плохо .special-block ul li .text-block span.ex-priceочень трудоёмкое применение стилей браузером 1. в начале он найдет все .ex-price 2. потом все опросит на имя тега <span> 3. потом просканирует каждую ноду дерева и будет опрашивать каждую на наличие .text-block 4. потом просканирует все дерево и будет опрашивать селектор <li> 5. и так далее... если глубина стилей больше 3х узлов -- ты скорее всего что-то делаешь не так. 4. #footer ul.general-ul>li.contacts a.geo:hover:beforeа вот тут при наведении картинка мигает, так как требуется время что бы обратится к серверу и загрузить её. 5. http://wine.esy.es/styles/styles.css ну тут все как обычно -- лучше переписать все с нуля нежели поддерживать такие стили (нечитабельно, не отформатированы) оу, а что это такое? /* Делаем 2 блока Ð´Ð»Ñ ÐºÐ°Ñ€Ñ‚Ð¸Ð½ÐºÐ¸ чтобы отцентровать по вертикалии горизонтали,а также задать max и min параметры */.new-products-block ul li .center-aligned { display: table; background: #FFFFFF; width: 100%; height: 210px; border-radius:4px; overflow:hidden; margin-bottom: 10px;}неуж-то там русский? 6. логотип не ссылка, а должен быть ею. -
а использовать <table> религия не позволяет?
-
да. пример: http://pagescroller.com/ его оформление. ну а чего бы и нет? в <head> засуть стили, а в конце страницы остальное, пример: работать будет отлично, а задержек при загрузке страницы ты избежиш.
-
1. почему не работает меню? при клике должно проскролится к соответствующему пункту 2. в .person засунул <p> -- зачем, если это не абзац? используй <div> (ошибка повторяется не только тут) 3. для создания спрайтов и иконок посмотри в сторону: http://draeton.github.io/stitches/ 4. не исползуй <br> для оформления: <button>Subscribe to our<br><span>newsletter</span></button>два <span> тут смотрелись бы правильнее, потому что высота строки у тебя может изменится, да и контент может изменится. 5. http://www.myworks.96.lt/anhiora/css/main.css -- как обычно нечитабельный и трудно поддерживаемый код. проще написать с нуля, чем такое поддерживать. 6. скрипты засунуть перед </body> в остальном вроде как даже нормалёк.
-
Вам нужен не верстальщик, а js-программист по клиентской части, если уж на то пошло. В крайнем случае front-end developer, но уже никак не верстальщик (профильно).
-
ну например, в начале добавить data- утрибут тегу .cell: <div class="cell" data-url="http://google.com"> <img class="cimg" alt="news" src="img/1.jpg"> <span class="date">03.03.2014</span> <span class="title">Первая новость</span> <span class="text">Дмаю, сами названия ...</span></div>потом создать обработчик: $(".cell").on('click', function(){ window.location.href = $(this).attr("data-url");}); оно и так по-центру. используй mysql, например. набор логики и инструментов для сортировки данных в рамках конкретного проекта опираясь на технологии на которых он был разработан а вообще сомтри в подписи: 1. читать про ошибки новичков 2. читать как правильно задат вопрос
-
делать таблицей и не парится. на сегодняшний день кроме таблицы, согласно поставленной задачи, с реализацие данного элемента, кроссбраузерно, никто не справится.
-
Fabrique - Задание/руководство на базе Bootstrap
klierik replied to klierik's topic in Practise Templates
да, верно. но отталкивайся от того, что -xs- работает на любой ширине, -sm- от 768 и выше и так далее. то есть не обязательно описывать все 4 шага responsive (в большинстве случаем). Зачастую хватает указать -xs- и -sm- например: .slide-layout { .make-row(); .clearfix(); .col-l, .col-r { .make-xs-column(12); }} по умолчанию ширина колонки будет 12 частей (100%) под любую ширину экрана. а теперь внесём изменения на все устройства, ширина экрана которых больше 768. .slide-layout { .make-row(); .clearfix(); .col-l, .col-r { .make-xs-column(12); .make-sm-column(6); }}ну и так далее... -
Fabrique - Задание/руководство на базе Bootstrap
klierik replied to klierik's topic in Practise Templates
гуглом я умею пользоватся. у меня есть Grunt -- зачем мне искать что-то другое? -
1. это что за просвет: http://take.ms/UUqs9 2. пользоваться слайдером неудобно - ползунок не "тягается" и предпологают что под тач нет поддержки. 3. вот что видим при сравнении с оригиналом: http://take.ms/yVGQ6 -- очень плохо. по html 1. <p><span>Евгений Демин,<br>Генеральный директор SPLAT</span></p>во-первых -- это не абзац. во-вторых - это 2 отдельные строки. их не надо разделать через <br />. Вообще использование <br> ожидается, как правило, только в контенте, но никак не в оформлении. Допустим я захочу завтра что бы имя было более темного цвета - как я могу это осуществить? а никак. 2. <p>Professional<br> oral care</p>Это лозунг, а не абзац. 3. .top_menu -- в ТЗ специально обратил внимание на то что: 4. <h3 class="facebook">с чего это он <h3>? 5. Форма поиска отстайлена плохо. Иконка прилипает к краю в плотную. Почему она серая в начале а потом белая как на макете? по css 1. http://titan.bl.ee/css/style.css -- поддерживать такой файл очень сложно. проще переписать. 2. плохо:.logotype pхорошо:.logo-losung3. плохо: .top-menu aхорошо: .top-menu-link {}.top-menu .link {}3. плохо .slider ulхорошо .slider-list {}.slider .list {}4. плохо .where-buy imgхорошо .where-buy .img {}.where-buy .icon {}А вообще этот элемент должен быть частью спрайта. 5. плохо footer { border-top: 1px solid #d2d6d9; margin-top: 70px;}хорошо .footer {}потому что данный тег можно использовать любое кол-во раз в разметке, а ты заведомо глобально вносишь ограничения. по организации файлов 1. подключен должен быть 1 css файл (сжатый) 2. тоже самое и про js (обращаю на это внимание, но в рамках обучения это не критично) в общем пока что сыровато -- требуется доработка.
-
Прочитать в подписи как правильно задавать вопрос и оформить тему правильно, иначе она будет закрыта.
