Jump to content

Serlutin

User
  • Posts

    287
  • Joined

  • Last visited

Everything posted by Serlutin

  1. Вводить новое свойство очень черевато. Просто потому что поддерживаться всеми без исключения браузерами оно будет только лет через 10. В итоге мы получили бы вот-такую запись: DIV{ width: 200px; height: 100px; -moz-size: 200px 100px; -webkit-size: 100px 200px; size: 200px 100px; } И ради чего всё это? Тем более не стоит забывать, что CSS когда-то приходил на смену атрибутам. Поэтому и названия использовались те же самые, чтобы не запутаться.
  2. Помню у меня ругался на кодировку, когда проверял через "Validate by direct input". Возможно, потому что кодировка менялся в буфере обмена при копировании, а может быть ещё что-нибудь.
  3. Для IE вы исправили, а для других браузеров поддержку убрали :-) Возможно, это вы запустили страничку, расположенную на компьютере, а не в интернете. Стандартные настройки безопастности блокируют любые скрипты, которые запускаются с локальной странички. Зашёл по вашей ссылке - IE6 молча пропустил.
  4. Не понял вопроса? Зачем делать колонки снизу вверх, если можно сделать их сверху вниз? Тогда код простым будет <div>Header</div> <div>Content</div> <div>Footer</div>
  5. Что есть? HTML кода то, всё равно нет. Есть только CSS стили.
  6. Нужно задать width, отличную от auto, чтобы заработал filter: alpha(opacity=50)
  7. Как-то так: http://pastehtml.com/view/1dlgu05.html
  8. Если мне не изменяет память, то таблице нужно задать ширину.
  9. Если сидите под виндой, то нужно найти ещё версию для Windows (К.О. спешит на помощь). А запускать потом всё надо с помощью командной строки. Но прога реально удобная.
  10. Ну да, только надо как-то сделать так, что бы всякие section и article стали понятны. Как вариант, если вам не хочется использовать классы, то можно использовать соседние селекторы Вроде бы высоту tr можно задавать и это ничему не противоречит.
  11. overflow: auto или overflow: scroll и задание высоты принесёт сколл в ваш браузер.
  12. Если таблица используется именно для табличных данных, а не для оформления на странице, то правильно. Кстати, вы не совсем правы, что это HTML5. Отделение структуры от представление появилось очень давно. Короче, когда появилась блочная вёрстка взамен табличной. HTML5 это же несколько другое.
  13. Serlutin

    Списки

    А я бы сделал так: <article> <h1>Заголовок</h1> <figure> <img src="#" alt=""> <figcaption> <ul> <li>Текст 1</li> <li>Текст 2</li> <li>Текст 3</li> </ul> </figcaption> </figure> </article> <article> <h1>Заголовок</h1> <figure> <img src="#" alt=""> <figcaption> <ul> <li>Текст 1</li> <li>Текст 2</li> <li>Текст 3</li> </ul> </figcaption> </figure> </article> <article> <h1>Заголовок</h1> <figure> <img src="#" alt=""> <figcaption> <ul> <li>Текст 1</li> <li>Текст 2</li> <li>Текст 3</li> </ul> </figcaption> </figure> </article>
  14. Можно вот так <col style="width: auto"> Честно, сейчас лень искать, но вроде бы auto это стандартное значение, которое и без стилей работает. Хотя, возможно, я не прав. Давно с таблицами не имел дела.
  15. Во-первых, дизайн ужасный. Он отвлекает. Если бы на сайте вообще не было бы никаких логотипов, а был бы сплошной текст было бы намного лучше. Во-вторых, ужасно некрасивые ссылки. Чтобы их улучшить надо поиграться с размерами шрифта, цветом ит. д. Например, сделать: body { font-family: Arial; font-size: 14px; line-height: 1.5em;} ul { list-style: none outside none; margin-right: 0px; padding: 0; } Попробуйте. Всего несколько строчек, а выглядит немного лучше. А если ещё цвет нормальный подобрать. Теперь по вёрстке. В теге <ul> должны находиться только <li>. Это закон. Заголовки должны быть оформлены с помощью тегов <h1> - <h6>, а не тегом <strong>. Даже если вы верстаете таблицами, то все стили надо выносить в css файл, а не включать в разметку.
  16. Если вы используете position: absolute, то не надо элементы позиционировать с помощью полей. Сделайте так: top: 10%; left: 10%; и всё у вас получится.
  17. Заголовок и содержание налицо, в RSS-ридере такой анонс вполне уместен (в т.ч. для бота, собирающего "с миру по нитке" новости на опред. тему). Имхо, <article> годен. И насчет обязательности заголовка в <article> не соглашусь. Есть, к примеру, множество стихотворений без названия, тем не менее вполне законченных, самостоятельных и обособленных логически Упс, извиняюсь. Проглядел на счёт того, что заголовок есть. Я думал просто куча ссылок без всяких иллюстраций. Если есть заголовок, да и ещё картинка (это же можно ещё и <figure> и <figcaption> применить), то <article> логичнее всего. Стихотворение - это немного другое. Ведь логически мы можем сделать заголовок <h1>Стихотворение</h1>. Хотя даже если и неделать, то да браузер сделает Untitled Article и это будет правильно. Однако, например использовать <section id="wrapper"> для обёртки всего сайта нельзя. Ведь тогда создастся Untitled Section, который например голосовому браузеру совсем не нужен. Тут надо, кстати, посмотреть, как это всё оформлено. В зависимости от того, насколько это всё объёмно, то можно и <section> вставить.
  18. От того, что ссылка будет обвёрнута в <li> семантичности ей это не прибавит. Почему же все меню делают на списках? Всё очень просто, потому что это одно из самых логичных решений. Однако теперь с приходом HTML5, можно просто взять 5 ссылок и завернуть их в <nav>. <article> же здесь не допустим. Он подразумевает под собой обособленный контент, со своим заголовком и содержанием. Кстати, тоже самое касается и <section>. Кстатик нужно использовать <div> или <section> нужно просто посмотреть на содержание. Если содержимое содержит заголовок значит <section>, если не содержит — <div>
  19. Попробуйте http://css3pie.com/ Сам не пробовал, но говорят с ним какие-то глюки встречаются.
  20. Serlutin

    modernizr

    Всё и правда так хорошо. А в новой версии (можно пробовать бету) можно появится конструктор, который позволит подстроить код под себя. Вообще-то ты сам должен подставлять правила. Он просто прописывает классы тегу html, а в зависимости от них ты уже будешь плясать.
  21. Нужно так .title a:link, .title a:visited{ color: #666; text-decoration: none; } .title a:hover, .title a:focus, .title a:active{ color: #b02020; text-decoration: none; }
  22. Извините, а как вы себе это представляете? Web Developer просто пытается сделать окно под размер разрешения. Сделать окно больше, чем настоящее разрешение нельзя. Мало того, что просто места нет, так ещё и соотношение экранов разное. Чтобы получить отдалённое представление, как будет выглядеть страница в большом разрешении можно использовать масштабирование (Ctrl+ и Ctrl-).
  23. Стоит заметить, что кроссбраузерность\кроссплатформенность начинается с разработки. Даже самая первая строчка в коде уже должна быть правильной. Что у нас в первой строчке? Правильно doctype! Он должен быть. Обязательно. Причём либо strict, либо <!DOCTYPE HTML> Далее, если сайт не сложный, берётся стандартный макет. По каждому макету можно найти список совместимостей. Правда вряд ли сейчас, кто-нибудь использует Opera 9. Следующая проблема - шрифты. Вернее проблем даже две: установленные шрифты и их размеры. Чтобы сайт не зависел от шрифтов и размеров нужно просто делать с небольшим запасом. Делайте так, чтобы при увеличении в полтора (или два) раза ничего не ломалось. Про Internet Explorer отдельная история. Хотя при некотором опыте уже знаешь, что и как будет себя вести. Ну и стоит заметить, что практически на все баги нашили решение. Ну и стоит знать некоторые возможности браузеров. Если в Safari под Win поставить режим сглаживания "Средний", то можно получить примерное представление, как будет выглядеть сайт в Mac. Также можно найти эмуляторы Opera Mobile и Opera Mini.
  24. Вам нужно всего два jquery плагина. Первый - это для вкладок Второй - для lightbox (отображение изображения на той же страницы по центру). Если вам действительно это нужно, то вы сами разберётесь. Бесплатно же вряд ли кто возьмётся делать.
  25. Вот пожалуйста: http://serlutin.nxt.ru/example/triangle.html IE6-7 идут лесом, либо оборачиваем в ещё два контейнера. Выглядит коряво, так как лень, выравнивать. Возможно нужно задать ещё отступы картинке, либо обернуть в ещё одни контейнер. Однако задачу топикстартера это не решает, к сожалению.
×
×
  • 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