-
Posts
493 -
Joined
-
Last visited
-
Days Won
25
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Catherine
-
Нельзя навести на элемент, который не отображается. Можно вывести span при наведении, к примеру, на видимый родитель. http://jsfiddle.net/Cath_kb/qEzr4/2/
-
странный вопрос. если это не минус - то я даже не знаю http://jsfiddle.net/Cath_kb/x3DT2/ UPD. Хотя преимущество есть. Использование кириллицы расширяет возможности, помогает бороться со стрессами и дает простор фантазии http://jsfiddle.net/Cath_kb/x3DT2/4/
-
Jquery addClass/Remove Class on click не работает
Catherine replied to Vov4uk's question in JavaScript
:first же вроде. Или :first-child тоже работать будет? это легко узнать http://api.jquery.co...child-selector/ и проверить http://jsfiddle.net/Cath_kb/2AZ2M/1/ -
Должен ли верстальщик уметь натягивать шаблон на cms?
Catherine replied to Zverushka's question in HTML Coding
И что в этом смешного? Есть не только вакансия, но и реальные претенденты. Творческий человек с немного техническим уклоном. И вообще, кому что нравится. Более того, есть и свои преимущества. Дизайнер, который сам будет выполнять верстку, сам себе проблем не нарисует -
Должен ли верстальщик уметь натягивать шаблон на cms?
Catherine replied to Zverushka's question in HTML Coding
Посмотрите в требованиях к вакансиям. Обычно пишутся необходимые и желательные навыки. Оцените свои возможности. Но не стоит забывать, что человек-оркестр не может быть хорош в всём. В зависимости от обстоятельств кому-то нужна чистая верстка, кому-то верстка плюс натяжка, а кому-то сразу весь сайт подавай. На всех работы хватит И кстати, никто никому ничего не должен. В моем случае (если речь идет о фрилансе) натяжкой обычно занимается программист, который будет дальше работать с проектом. -
Почитайте про схлопывание границ: http://softwaremaniacs.org/blog/2005/09/05/css-layout-flow-margins/
-
Покажи, как надо (на своем примере)
-
Конкретно на сам псевдоэлемент, насколько мне известно, воздействовать с помощью js не получится. Пока самое разумное решение, которое видела- изменять нужные свойства посредством добавления дополнительного класса к основному элементу: http://jsfiddle.net/RGWrq/ В некоторых случаях может подойти этот метод: передать содержимое псевдоэлементу с помощью data-атрибута и потом изменять его с помощью jQuery ( источник, пример )
- 1 reply
-
- 1
-
-
А что это за background: ; ? .slider .body .pagination ul li { background: url(../img/slider-pagination.png) -16px bottom no-repeat; height: 16px; width: 16px; background: ; margin-left: 15px; float: left; cursor: pointer; *background: url(../img/slider-pagination.png) -16px bottom no-repeat; }
-
http://jsfiddle.net/Cath_kb/r3vGS/ http://jsfiddle.net/Cath_kb/r3vGS/1/ Похоже?
-
Фильтры не очень хорошо "дружат" со скруглениями. На официальной странице плагина PIE рекомендуют использовать для IE старых версий -pie-background: linear-gradient (см. ссылку). Но лично я стараюсь поменьше использовать PIE, и для ИЕ ниже 9 версии вместо градиентной заливки делаю фон картинкой.
-
А, собственно говоря, какая теперь разница? Не использовать теги, добавленные в 5 версии? Так в справочнике напротив тегов, добавленных в HTML5, есть спец. метка. Не используйте новые теги. Рекомендую по этому поводу к прочтению статью Главный секрет HTML5 На этом сайте есть неплохой самоучитель по HTML. Кстати, в нем практически все примеры используют !DOCTYPE HTML 4.01 strict. А макетам так вообще сугубо фиолетово на версию.
-
body { min-width: 1000px; } потому что вложенные блоки по умолчанию растягиваются на ширину родителя. В данном случае у блоков #wrapper, #footer, #header и #head_menu общий родитель body, который растягивается на ширину экрана. А так как блок #wrapper имеет фиксированную ширину, то при ширине экрана меньше этого значения появляется полоса прокрутки, при этом ширина остальных блоков подстраивается под ширину body. А чтобы текст в шапке и подвале при изменении ширины экрана не плавал, можно использовать дополнительный контейнер, по аналогии блока #navigation,у которого таким дополнительным контейнером служит #navigation_size. Тогда, скорее всего, можно обойтись и без min-width для body
-
Посмотрев на горизонтальный скролл при моей-то ширине экрана (1366рх) уже не стала бы смотреть дальше) Но я вредная. И тем не менее, лезу в код. Ах, вот оно что! header, section, footer { min-width: 1440px; } Если это не входило в условие задачи (а я почти уверена, что это именно так), то ширина подобрана неверно, исходя из этой таблицы: http://gs.statcounte...y-201206-201306 Идем дальше: <ul>О компании <li><a href="#">Почему Siesta</a></li> <li><a href="#">Ключевые ценности</a></li> <li><a href="#">Социальная деятельность</a></li> <li><a href="#">Наша команда</a></li> <li><a href="#">Акции и новости компании</a></li> </ul> Я бы в список вкладывала только элементы списка. Считаю данную конструкцию грубым нарушением. Достаточно того, что именно благодаря этому документ не прошел валидацию на http://validator.w3.org А это все-таки тестовая работа <!--[if lt IE 10]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Разве html5shiv нужен не для IE8 и ниже? Далее: <header class="region"></header> <header class="header-main"></header> Два хеадера один за другим - это что за Змей Горыныч? Дискуссия по нескольким хеадерам в данном случае абсолютно неуместна. Даже просто исходя из логики - зачем два хеадера подряд одному разделу? Если читали Б.Лоусона и Р.Шарпа, то во 2 главе обсуждаются особенности использования: Если уж IE7+, то фиксированный блок "Участвуйте в акции" можно было хотя бы попробовать сделать и не картинкой, если очень хотелось получить работу. И по поводу section, article, aside и прочих. Не знаете однозначно, использовать или нет, то лучше не использовать
-
Табличная разметка громоздкая и неудобная. К тому же, если её использовать для создания разметки основной страницы, то пока не загрузятся табличные данные, страница, скорее всего, не отобразится. Лучше использовать display: table и table-cell
- 20 replies
-
- макет
- как сделать
-
(and 1 more)
Tagged with:
-
Посмотрите раздел "типовые макеты". Там есть описание резинового трёхколоночного макета.
- 20 replies
-
- 1
-
-
- макет
- как сделать
-
(and 1 more)
Tagged with:
-
Сверстать для старта несколько бесплатных шаблонов разного уровня сложности, которых полно в сети?
-
Верстка без картинок на ccs3 - с каких версий браузеры понимают?
Catherine replied to Zverushka's question in HTML Coding
Можете закидать меня лучами ярости, но если выбирать между "качественной версткой картинками" среднестатистического сайта-визитки и использованием CSS3PIE для скругления уголков и теней (в случае невозможности избежать этого процесса) - я выбираю второе. Тормоза и неприятности, появляющиеся в результате использования этого распространенного костыля - самый надежный способ стимуляции пользователей переходить на современные браузеры. В остальном все зависит от требований заказчика, цены, личных убеждений и конкретной ситуации. Полностью поддерживаю товарища SelenIT'a. -
Далеко не копала. Но есть предположение, что во время смещения блока .sponsors основной контент увеличивается по высоте (так как блок .sponsors все-таки в основном потоке), а футер "прибит книзу". Не угадала? У него есть margin-top. И высота. Чтобы понять, что не так - попробуй убрать пару элементов из .sponsors (чтобы уменьшить высоту этого блока) и доскроллить до конца
-
Кроссбраузерный <select> без кастомизации + защита своего кода.
Catherine replied to Yamaradg's question in HTML Coding
1. Если работаете на фрилансе - всегда есть риск. Работа - это не только 2 дня работы над титульной страницей, но и 2 дня опыта! 2. Почему у меня не слетают?! 3. Я работаю только за ту сумму, которую считаю достойной. Уверена, что повышение уровня оплаты всегда должно быть чем-то подкреплено и обоснованно. По всем остальным вопросам о фрилансе. Любой фриланс ресурс для новичка - стартовый толчок для набора базы заказчиков или поиска подходящего места работы. Работать на 100500 мелких заказчиков мне не пришлось. Общее число тех, с кем довелось иметь деловые отношения, не превышает и полсотни. Хотя, можете считать, что мне просто везёт С предыдущего ресурса из ответов я имела в виду видеоконференцию скайпа, как самый надежный и неизвращенный вариант Но, повторюсь, у меня таких проблем не возникало. Видеоконферецией и тимвьювером я пользовалась только в рамках рабочего процесса. -
Отличная задумка! Молодец! С удовольствием потренируюсь вне рамок конкурса. А тебе, судейскому составу и подобным соревнованиям желаю долгой жизни и процветания! P.S. Пунктуация и орфография подлежат более тщательному редактированию
-
list-style-position: inside ?
-
Кроссбраузерный <select> без кастомизации + защита своего кода.
Catherine replied to Yamaradg's question in HTML Coding
Yamararadg, и тут, и на free-lance.ru самое доступное, что вам посоветовали - это показывать верстку со своей машины) Но, откровенно говоря, не понимаю, к чему эти сложности. Насколько я знаю, ни один приличный заказчик не станет заключать сделку с незнакомым ему исполнителем сразу на крупную сумму Но это мое личное мнение. P.S. Кстати, уже не первый день на фриланс ресурсах и все еще не нашли достаточного количества постоянных заказчиков, которые могут обеспечить вас работой на полную загрузку? Может, пора что-то менять? То есть? ) (Не совсем вас понял.) Если можно - по конкретнее об этом? ) Например: http://javascript.ru...ipt-compression Для сравнения, так выглядит обычный код: http://ajax.googleap...ery/1/jquery.js Минифицированный: http://ajax.googleap...1/jquery.min.js Такой код можно скопировать, но чтобы внести изменения - надо потратить немного больше труда и времени, чем обычно. -
По сайту. 1. Верстка. С технической точки зрения верстку оценивать трудно. Блоки буквально разбросаны, код не систематизирован, много непонятных для меня конструкций, вроде: <footer> <div class='footer'> ... 2. По удобству использования. Поиск не доработан. К примеру, читаю, что написано: 3. На http://lamask.ru/ на главной странице пункт "Высокая скорость загрузки" гласит: Тест "Goole PageSpeed" уже показал следующий результат: Есть над чем работать