Jump to content

SilentImp

User
  • Posts

    77
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by SilentImp

  1. Почему выбран стандарт XHTML 1.0? Да еще транзишенал. He хотя бы соответствует заявленному стандарту… Почему не HTML5? Классы header heder head и footer foot footer_2 приводят в легкую оторопь. Но это — мой фаворит: <ul class="spisok"> Кэп любит тебя. Класс strah соответствуетсодержанию. Это надо было сделать скажем как заголовок «Страхование» с image replacement'ом. Представление должно задаваться в css. В html должны быть структура и данные. Названия классров лучше делай англоязычными и не используя транслитерацию. Например вместо strah назчать insurance За это: <div class="bg_1"></div> надо делать человеку что то плохое. В процессе могут фигурировать слова «бисексуальный негр-нимфоман», «кляп» и «паяльники». Положение колонок не seo-дружественное. Первой должна идти колонка с основным контентом. Сделать это можно например так: http://www.alistapart.com/articles/fauxabsolutepositioning/ В футере замени основанную на br разметку адекватной. Например «Телефоны:» заголовок, а собственно телефоны оберни параграфами. У тебя там некие не UTF8 символы фигурируют в коде. Я их боюсь. Очень-очень. Они страаашные. У меня есть неуловимое ощущение что фон шапки и футера должны были тянутся на всю ширину вьюпорта. Ну и вобщем страничка совсем простая. Так что там и критиковать то почти нечего. Кстати да, для первого макета, если не шутишь, — well done.
  2. Cодержимое iframe на том же домене, что и страница? Если нет, то просто забудь. У тебя не будет доступа к его внутренностям. Если на том же, то ИЗНУТРИ iframe при изменении dom должно генерироваться исключение или вызов нужной функции страницы — родителя.
  3. Лучшее спасибо — плюсик в нижнем правом угле постов.
  4. #ya-site-form0 .ya-site-form__form table tbody{ border-style: none; } Например ты можешь добавить в css этот класс и избавится от них. Это бордеры.
  5. Печалька. Наверное, какое то коварное ограничение форума.
  6. Попробуйте. Можете послушать брюса лоусона по этому поводу: http://video.disruptivecode.com/video/840618/the-zen-of-html5-bruce Хотел показать пару толковых докладов про HTML5 на русском (даже я про это рассказывал) с WSD, но оказалось что настолько старых все же нету (((( Но может найдете что то интересное: http://vimeo.com/channels/wstdays/ И если мой ответ был полезен, то в нижнем правом углу у каждого поста — плюсик.
  7. Что бы прятать . В одном из седых и древних браузеров без "." псевдоэлемент вообще не отображался, а font-size:0/height:0/overflow не срабатывали как надо и в результате можно было видеть злополучную точку. В новых браузерах этой проблемы нет, но не вижу причин не сделать какому то бедолаге, который будет смотреть на сайт из под этого почившего в мире браузера жизнь немного проще.
  8. Тебе нужно вот это: http://www.w3.org/TR/dom/#mutation-observers Но из за низкой кроссбраузерности я бы попробовал решить задачу по другому. Например когда что то добавляет в DOM новые узлы оно кидает исключение. Ты их ловишь и делаешь что тебе там надо.
  9. Ну и не очень понятно почему ты выбрал в качестве стандарта HTML 4.01 Может быть лучше все же использовать HTML5? Сравни тот код, который привел я со своим. Мне кажется, что он лаконичнее, более читаем и немет большую семантическую ценность. Нет причин не использовать HTML5 А, и еще по украинскому законодательству копирайт устанавливается в виде: «Автор, значе копирайта, дата первого показа работы (обычно с точностью до года)» Что по твоему мнению должен показывать диапазон дат в копирайте?
  10. У тебя есть основной цвет фона. У тебя есть каринка на этом фоне. Картинка, если браузер позволяет, масштабируется через background-size; Если не позволяется — не масштабируется. Вот как то так: http://jsfiddle.net/rcmdd/2/
  11. SilentImp

    Кернинг

    В CSS то, что касается типографики как правило расстраивает. letter-spacing не позволяет делать то, что вы хотите Но вообще намечаются изменения в лучшую сторону. Прочтите это: http://blog.fontdeck.com/post/15777165734/opentype-1 А еще можно погуглить про css свойства font-feature-settings, font-kerning, font-variant-ligatures Mozilla и, кажется, webkit позволяют делать тонкую настройку open-type шрифтов.
  12. Да, js решение и сделал. Это не проблема. Хотелось найти purecss решение. Жаль что это оказалось не возможно.
  13. Забудьте про существование кодировок отличных от UTF8 Если вы занимаетесь не только версткой, но и дизайном, то я бы советовал вам скачать себе пакет макетов того же template monstra и повторять их пока не получите результат приблизительно их уровня. Пока все совсем плохо. Проверяйте свою верстку на соответствие выбранному стандарту. http://validator.w3.org/ В частности такого атрибута как color в этом стандарте просто нет. Для определения цвета текста надо использовать css. Забудьте про существование инлайн стилей. Они должны быть во внешнем файле. Использование hr для формирования представления это разновидность сексуальной девиации? Если нет, то перестаньте. Все представление должно формироваться в css. Неразрывный пробел ( ) никогда не должен использоваться для создания отступов. Все представление формируется в css. Посмотрите на верстку следующим образом: Вам надо предоставить пользователю некие данные. Вы создаете структуру данных без привязки к тому как она должны выглядеть (представление данных). И только когда структура готова начинаете заниматься представлением. Когда не будет понятно, как без добавления какого то hr или сделать что бы выглядело так, как вам хочется — пишите сюда. Вам подскажут. Потренироваться можете на тех же шаблонах template monstra.
  14. Вы выбрали стандарт html5, придерживайтесь его. Научитесь пользоватся валидатором, что бы не было необоснованных несоответствий http://validator.w3.org/check?uri=http%3A%2F%2Fshamilga26.narod.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Избегайте инлайн стилей. Они ухудшают читабельность и затрудняют поддержку кода. <div style="border:10px solid #666;width:1028px;margin:auto;"> Лучше используйте англоязычные названия. Кроме того почему бы не использовать классическое решение — список? Или nav? И почему в меню картинки с иконками? Думаю стоит вынести их в css. Хотя это спорный момент. <div class="znachki"> Это заголовки. Почему бы не обозначить из тегом заголовка? Разделы сайта, Совет дня: Где атрибуты form и input? где fieldset? C формами беда. Сесть и помедитировать как делают формы и зачем их так делают. <form><input type="text"></input> <input type="button" value="Наити"></input></form> Чем мотивировано использование в FAQ таблицы? За это надо бить по ушам. Это элементы представления и они должны быть в css. <td>/ /</td> Не знаю … imo все не особо плохо. Есть о чем говорить. В любом случае, верстка несравнимо лучше дизайна.
  15. Нет конечно, но это разумно. А почему нет? Это сделает код более читабельным и увеличит семантическую ценность.
  16. Выбран стандарт html5. Но я не вижу использования html5 тегов, только div. Поясните. Всегда проверяйте валидатором верстку перед коммитом http://validator.w3.org/check?uri=http%3A%2F%2Ftuut.16mb.com%2FDB%2F%23&charset=%28detect+automatically%29&doctype=Inline&group=0 Проблема выравнивания блоков https://skitch.com/silentimp/e895j/test-fot-db Проблема выравнивания блоков https://skitch.com/silentimp/e8954/test-fot-db Картинки кнопки положить в спрайт. При клике происходит задержка, пока подгружается новое состояние кнопки. Дефис не тождественнен тире. — если нормально не можешь поставить. https://skitch.com/silentimp/e89h8/itmages Это [тут были мрак-кишки-калл-расчлененка-деменция и шедевры обсценной лексики которую бессовестно вырезал бука-модератор непонятно с какого перепугу]: <div id="h1"> <h1>Спасение утопающих-дело самих утопающих*</h1> </div> Зачем обертка? Почему ты используешь id для обращения из css? Используй класссы. id для другого. Наблюдаю картинку. Слайдера не наблюдаю. https://skitch.com/silentimp/e897s/test-fot-db за margin: auto !important; — бить по руками. !important детям не игрушка.
  17. Ничего не выйдет. Слишком слабый контроль над плейсхолдером.
  18. Не очень понимаю что дает placeholder который к тому же почти не стилизируется.
  19. Каких расчетов? Я не понимаю что ты пытаешься получить в конечном итоге. Сделай тесткейс … подозреваю что если ты покажешь как работает и напишеш как ты хочешь что бы работало это будет понятно.
  20. Почитайте по contenteditable. Если пользователь сотрет таки нужный блок — просто добавьте его снова.
  21. Да нет там никакого гемороя. imo ты вообще фигней какой то маешься (я все еще не понимаю ЗАЧЕМ). И да, если идея полезна и принята во внимание там в уголке поста есть плюсик
  22. Задача описана мутно и у меня есть чувство что это можно сделать pure css Если ты хочешь получить доступ к родителю кортинки (ячейки), то можешь сделать так: jQuery(document).ready(function($) { $('.catalog tr td ul').hide(); $('.catalog tr td img').mouseover(function(event) { var img = $(event.currentTarget), td = img.closest('td'); $('ul:first',td).slideDown(); }); $('.catalog tr td img').mouseleave(function() { var img = $(event.currentTarget), td = img.closest('td'); $('ul:first',td).slideUp(); }); }); Вот тебе рабочий пример http://jsfiddle.net/ccEwX/1/ Тебе надо почитать про события в JS и JQ в частноти, а еще надо почитать про on в jQ.
  23. Вообще то что ты описал это нормальное поведение блоков и без каких либо телодвижений. Но если тебе надо определить в относительных или абсолютных единицах задана высота элемента — измени высоту родителя на пару пикселей и проверь изменится ли высота дочернего элемента. Если изменится — относительные единицы. Ну и потом вернуть все на место. Если боишься что пользователи увидят — сделай их невидимую копию в абсолютно позиционированном враппере.
  24. Что бы такой проблемы не было — почитай про поведение float'ов. http://jsfiddle.net/ccEwX/ — вот так можете клирить, например. Я не особо понимаю в чем проблема с расчетом размеров контейнера. Если хотите более конкретной помощи — сделайте тесткейс на js fiddler.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy