Serlutin
-
Posts
287 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Serlutin
-
Дрибббл рулит
-
Изучай тогда хотя бы HTML 4.01 или XHTML, а то судя по вашему коду вы нашли уроки десятилетней давности. Сейчас же в HTML учить нечего: простые теги (типа <a>, <p>, <img> и ещё несколько), списки, таблицы, формы. Главную же роль играет CSS.
-
http://htmlbook.ru/samcss
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Motd</title> </head><body alink="#339933" bgcolor="#000000" text="#ffb000" vlink="#ffb000" link="#ffb000"> <font color="#99cc33" face="arial"><h2><p align="center">Приветствуем вас на игровом CS 1.6 сервере DeadlyFrags.Ru</p></h2></font> <hr align="center" width="100%" color="#ffb000" size="1"> <font face="arial">Список платных услуг: </font><ol type="1"> <font face="arial"><li>Снятие перманентного бана - 100 рублей; </li><li>Снятие досрочного бана - 50 рублей; </li><li>Покупка Админки: <ul> <li disk="" type="">Навсегда - 20$ (600 рублей) </li><li disk="" type="">1 месяц - 150 рублей </li><li disk="" type="">2 месяца - 250 рублей </li><li disk="" type="">3 месяца - 400 рублей </li></ul> </li><li>Заказать качественный сервер CS 1.6 на любой ваш вкус - о цене договор идёт в ICQ.</li></font></ol> <hr align="center" width="100%" color="#ffb000" size="1"> <font face="arial">Список Администраторов проекта: <ol><li>CruelAngel</ol> <img src="icq.png">ICQ - 558747166<br> <img src="skype.png">Skype - CryelAngel </font> <br><br><font face="arial">При нажатии на кнопку "ОК" вы автоматически соглашаетесь с <a href="rules.html">настоящими правилами сервера</a>. <br>Желаем вам приятной игры!</font> </body> </html> Теги <font> и <center>, атрибуты align, bgcolor, link, vlink, text,size — устарели. Атрибуты disk и type, вообще не существуют. Вместо атрибутов нужно использовать CSS
-
Я что-то не могу понять зачем вы хотите это сделать? Стандартное отображение элементов никак не связано с W3C, скорее даже наоборот. Вот здесь это особенно видно. Это происходит не потому что браузеры такие плохие, а так исторически сложилось. Каждый браузер делает отображение форм так, как он захочет, так как никаких стандартов нет, да и быть не может. Дело в том, что все основные движки браузеров формировались, когда ещё элементы форм не принято было стилизовать. С тех пор и повелось. Можно, конечно, долго и нудно подстраивать каждый браузер, вот только есть ли для этого смысл? У каждого браузера есть файл стилей для отображения форм. Например, для FF он наживается forms.css. Также можно попробовать поиграться с -moz-appearance и -webkit-appearance. Однако добиться полного единообразия скорее всего не получится, потому что всё ещё зависит от ОС и даже темы, которая установлена у пользователя.
-
К этому могу ещё добавить несколько советов. Не используйте картинки Не используйте скрипты Не используйте текст Не используйте *тут что-то* Идеальный размер всего проекта: 0 бит. Не больше и не меньше. Я вообще не понимаю, что вы хотите сделать? Сбросить стили для форм? Чтобы их опять переопределить? a, blockquote, cite, code, form, input[type="text"], input[type="reset"], input[type="submit"], button, select, textarea, h1, h2, h3, h4, h5, h6, label, menu, ol, ul, li, p, pre { float:left; } Странный у вас какой-то сброс.
-
Ну вы хотя бы на время то смотрите. Просто раньше jplayer не поддерживал IE9, теперь его обновили и всё в порядке.
-
Если не считать того, что у вас не правильно употреблён <article>, то да. Судя по вашей разметке, у вас статья (ну или другая информация) отображается в две колонки, как бы аналог газетной вёрстки. Это так? Что-то не очень верится.
-
Что-то тут явно не так. doctype есть? По всей логике, он должен бы справа выпирать, но не слева. Так что ссылку на пример или код. Хаки, которые можно использовать, есть только для IE. Дело в том, что все современные браузеры обновляются очень быстро и то, что было хаком вчера — сегодня является нормой. По перовой же ссылке "Хак для хром" нам предлагают body:nth-of-type(1) Только вот теперь другие браузеры стали корректно поддерживать этот код, поэтому это уже не хак. Главное, что аналог условных комментариев сейчас бы очень пригодились бы, особенно для css. Не за горами новые системы вёрстки, такие как Flexible, Grid, multiple column. Так как они новые, то их реализация может отличаться в браузерах. Без легальных хаков, такие вкусности вряд ли можно будет использовать в ближайшее лет 5.
-
Ещё пару слов про английский язык. Вернее людей говорящих транслитом. Дело тут действительно в моде. Причём это было всегда. В 19 веке светские люди общались переходя с французского на русский, в том числе и использование отдельных слов. Причём по той же причине, что и сейчас. Правда есть ещё одна причина. Русских писателей в конце 18 - начале 19 было мало (ну Фонвизин, ну Ломоносов и всё), поэтому и приходилось читать французские книги, раз своих не написали. Французские, потому что Франция была (да и есть) создателем всех мод. Сейчас популярен английский (американский) язык, так как его культура стала самой доступной. А может через лет 20 будем уже по-китайски коверкать слова.
-
border: none тогда уж. Это более правильно.
-
Сейчас оно скорее имеет значение, разработка другой компанией (обычно мелкой). Обычно сейчас это слово относится не ко всем устройствам, а только современным. При чём, то что лет 5 назад называлось гаджетами, теперь уже ими не называются.Например, веб-камеры. Ой простите, камеры для вещания в всемирную паутину. Аналогично. Это вообще пошло со времён Екатерины II, когда французская речь стала популярной. А браузреный кеш как перевести? Наличные деньги программы для просмотра ресурсов всемирной паутины? Завод по производству новостей :-) Тогда уж автор новостей, редактор новостей, составитель, наконец. Опять же у нас это скорее синоним слова - раскрутка. Вспоминается фильм Хэнкок, когда переводчики не стали переводить на русский профессию. На вопрос: "Чем занимаешь?", — был ответ: "Паблик релайшн...". А всё по причине того, что "представить связи с общественности" не подходило под дубляж. Приёмная, тогда уж. Скорее это переводится, как мягкий. Поэтому software - это мягкие изделия. В английском ведь тоже это произошло, как противопоставление hardware. — Чем занимаешься? — Внештатно сотрудничаю, создавая ресурсы для всемирной паутины. Ну а так вёрстка нормал. Эрроры, конечно, есть, но скоро твой скилл импрувнется, и будет полный респект от всех. И все компании скажут тебе: "Велкам, комрад"
-
Дело в том, что тут такая же проблема, как и с IE6. На Win98 сидят те, у кого компьютер не позволяет большее, а Linux осваивать лень. В школе, в которой я учился из 8 компьютеров, только 2 были с XP, на остальных Win98. Правда у нас там интернета не было (как сейчас не знаю, может и провели). Если для остальных сайтов поддерживать IE5-6 уже нет смысла, то для Яндекса это важно. Ведь любое знакомство с интернетом начинается с фразы: это адресная строка. Введите тут yandex.ru. Главное, современный браузер туда тоже не установишь. Во-первых, некоторые уже не поддерживают Win98. Во-вторых, слишком они прожорливыми стали. У меня, что Firefox, что Chrome съедать памяти больше, чем всего памяти в школьных компьютерах. Поэтому и таблицы. Нет, я в каком-то блоге прочитал. Понятно, что решение есть, но всё-таки полагаться на хак, для сайта с огромной посещаемостью, рискованно. Кто его знает, как HasLayout поведёт себя при сломанном доктайпе или при каких-то других условиях.
-
Нужно. Может быть не обязательно для всех размеров, но хотя бы 80%-120% должны выглядеть нормально. А проблема вот в чём. При масштабировании, у FF иногда почему-то случается глюк с border ( а может и не глюк) и он превращается из 1px в 2px. Причём в FireBug'е это не показывается. Поэтому у вас при масштабировании появляется лишних 4px, и всё расползается.
-
Пользователи Win98 живут среди нас, а мы даже не подозреваем. Не знаю, как сейчас, но 2 года назад Яндекс поддерживал IE5 А я им пользуюсь :-) P.S zoom не поддерживается в IE5
-
Маленькая ремарка: inline-block не поддерживается в IE5.5, да и в IE6 7 c огромными костылями работает.
-
Верится. Если даже Гугл новые фичи под Opera делает в самую последнюю очередь, то значит браузер и впрямь на западе непопулярный. А вообще надо смотреть не на общую температуру по больнице, а на статистику сайта, для которого будет создаваться вёрстка.
-
Полностью в вёрстке разбираться лень. Главное, что работает. Однако кое-что в глаза бросается. 1. Почему так странно использованы заголовки? На сайте нет заголовков первого и второго уровня. Почему? Ведь название сайта так и просится в h1, а заголовки в которых первое слово красное в h2. А вот заголовки в левой боковой панели, имхо, должны быть h4. 2. a { outline: medium none; } Вы когда-нибудь видели людей, которые не пользуются мышью принципиально. Так вот знайте у них пальцы накачаны получше, чем у всякого бодибилдера (шутка, конечно). Теперь представьте, что они с вами сделают, когда узнают, что в при нажатии кнопки tab на вашем сайте, ссылки не подсвечиваются. 3. * { margin: 0; padding: 0; } Вместо этого сброса, лучше возьмите мейеровский сброс. По крайней мере неожиданностей будет меньше, хотя тоже встретятся. Например, странное отображение нажатых кнопок в IE6. 4. .contentleft h3 {//тут стили } Вместо такой конструкции, на заголовок (как мы уже решили h2) нужно повесить класс. Потому что, такие заголовки будут встречаться и на других страницах этого сайта, только вот блока .contentleft там может и не быть. И ещё, как бы это странно не звучало, но прямое обращение к классу отрабатывается быстрее, чем всякие селекторы. Однако не стоит руководствоваться скоростью и на всё подряд вешать классы. 5. charset=windows-1251 У вас же нет ни одного русского символа, зачем тогда русскую кодировку вставлять. Можно спокойно использовать UTF-8 и даже не важно, как её будет сервер отдавать. 6. В подвале почему-то нельзя выделить текст (FF4, WinXP). И ещё у вас не правильный значок копирайта.
-
Хорошая программка. Надо всем png файлам задать ярко красный цвет и убрать всякие alpha loader'ы, вот тогда то все точно сменят браузеры. Вообще эта программка лет на 10 опоздала, хотя может быть это и к лучшему, а то до сих пор бы все на IE6 сидели бы.
-
Помогите допилить TabControl с помощью Css3
Serlutin replied to YankovskyAndrey's question in HTML Coding
Ух ты. Это же реально круто. Вкладки на css. Можно попробовать пойти немного другим путём. Нужно сделать разметку, в которой сам таб будет находится рядом с блоком. А потом показывать его через .tabItemContent: target > .blockname Правда что-то я не очень уверен, что получится создать такую удобную для CSS разметку. -
Меня больше смущает HTML5 и CSS3. Неужели Светлана перешла на тёмную сторону силы и теперь постигает P.S. А никому не нужен верстальщик с неуверенными знаниям в HTML\CSS и совсем без знаний js. Жаль, очень жаль
-
<html lang="en" class="no-js"> Это чтобы верстать было легче. В данном примере, если javascript в браузере включён, то он вместо .no-js подставит класс .js Это позволяет немного подправить вёрстку если без javascript она разваливается. Например, есть страница с табами. Если js выключен, то можно сделать, чтобы они отображались друг за другом. Так лишняя информация не пропадёт. class="home page page-id-24 page-template page-template-frontpage-php Вот эти классы генерируются движком, и позволяют производить какие-то корректировки в css, исходя из параметров страницы. Например, можно изменить фон, только на главной.. Так же есть библиотека modernizr, которая определят какие новые функции браузер поддерживает. Если, например, он умеет закруглять уголки, то добавляется класс .border-radius, а если нет, то .no-border-radius.
-
Больше претензий, конечно, к вырвиглазному дизайну. Тут вам и бегущие строки и картинки. Про тег <marquee> вы забудьте. Это какое-то недоразумение, что он поддерживается всеми браузерами. Тем более у него есть одна раздражающая особенность, он двигается с рывками. Помню, что даже в книжке 6-ти летней давности (а может быть даже больше) не рекомендовали его использовать. В живой спеке же специально помечено, что такого тега не существует и не существовало. Ещё вместо анимации на главной страницы, лучше тоже использовать скрипты. Это позволит улучить качество картинок, а то сейчас это что-то страшное. При разрешении 1024px у вас не умещается верхнее меню. "Вакансии" уходят вниз. Текст в кнопочке "Получить консультацию" не выровнен по вертикали. Кстати, кнопочка тоже что-то довольно страшная. Зря вы в боковой панели блокам id присвоили. Вдруг какой-то из них повторить придётся? Смысла есть только в одном случае, если требуется лишний блок, в остальных не требуется. Так, что в данном случай можно смело все лишние <header> удалить. Вот такие конструкции footer nav ul {} footer small {} лучше не делать, а повесить классы. Так мы получим меньше поводов для беспокойства, что возможно в футере появится ещё одно меню или ещё одна строка, и все стили полетят
-
Ну там работники магазина на меня смотрели с таким взглядом, как будто я собираюсь что-то украсть. Просто перед тем, как я увидел эту книжку, я ещё там кучу книг пересмотрел. Кстати, меня удивило, что у нас есть Большая книга CSS. Видимо, в нашем городишке она никому не нужна. Мне вообще нравится, как автор пишет. Пуленепробиваемый дизайн, по крайней мере, научил меня блочной вёрстке. Возможно всё-таки возьму, чтобы убить время пока Флэнаган в инет-магазины завезут. Да, да. Я супер-пупер профессионал. Только я ещё ничего не верстал, но это ведь не важно?
-
Ребят, кто-нибудь читал новую книгу Дена Сидерхольма CSS ручной работы ? Насколько я понял, это продолжение книги Пуленепробиваемый web-дизайн (отличная книга, кстати). Просто сейчас зашёл в книжный рядом со своим домом и увидел эту книжку. Вот теперь раздумываю, брать или нет. Не хочется 400 рублей на ветер тратить. Вроде как книга уже рассчитана на подготовленных людей, что хорошо. Правда есть у меня смутные подозрения, что ничего нового я там не узнаю.
