Mouse-art

Есть тег <a> (который по многим причинам должен быть именно <a>). Необходимо сделать возможность "переключать" его кликом (конкретно — изменять псевдоэлемент ::after).

Можно, но это будет очень криво. А никакой другой элемент и не может иметь свойство вкл/выкл (checked), кроме как радиобаттанов и чекбоксов. А никакого обходного пути нет?

Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?

В Chrome дизайн ужасен. Сдублируйте стили, заменив -moz- на -webkit-, авось запашет.

Не понравились только две вещи: 1. Многовато белого. 2. Над шапкой контакты смотрятся плохо. Остальное — великолепно.

Фон: чисто белый глаза режет, сделайте, например как тут: #5a5a5a. Я понимаю, если бы его вообще не было видно, но его там очень много. Логотип: он отсутствует. И это неправильно. Уж на что я минималист, а такое это слишком. Счётчик: его не видно. Вообще. Я случайно на него наткнулся. Favicon: бахрома. Причём откровенная. И на рыбу не очень похоже. Кстати, почему "Плоская рыба"? Ориентироваться невозможно. Я так и не понял куда надо щёлкать, чтобы, скажем, увидеть список постов. На главной должно быть написано что это вообще за сайт. Я так и не понял. Если пока ни про что — заголовок "Описание" и lorem ipsum. www — зачем он вам? Это атавизм. Домен в зоне .com предназначен для коммерческих проектов. Ссылка "Контакты" ведёт на http://127.0.0.1/index.php?contact=1. Не выпендривайтесь, оно так не полетит. Капча проходится роботом с вероятностью 1/4. За много кликов (а робот делает их быстро) можно пройти её чисто кликая на самый первый/рандомный рисунок. Блок "Интересное" кагбэ не меняется и кагбэ ни при чём. CMS, вы, как я вижу не используете. Если из-за этого там нельзя зарегистрироваться, и не вводить для каждого комментария всё — лучше-таки возьмите какую-нибудь. Оставил комментарий — премодерация комментариев это ужасно. Так я и не поглядел как они выглядят. Поиск по сайту: его нет.

Круто. Но да, строку поиска стоит сделать поярче. Или вообще убрать. Я её даже не заметил, пока не прочитал комментарий про неё, и не ставл искать.

Хотя я не авторитет в этой области и моим постом можно пренебречь, но все же поделюсь мнением про мою тягу к удобствам. Лично я была бы признательна разработчикам, если бы они сократили количество HTML тегов до необходимого минимума Чем проще система, тем она устойчивее. Тегов должно быть ровно столько, чтобы каждый разработчик интуитивно понимал, для чего они нужны, а любой браузер однозначно интерпретировал представление каждого из них Да, и похоже, автор темы совершенно не учитывает существование мобильного интернета и всевозможных устройств. Кроме Оперы, ФФ, и Хрома под Линуксом на своей машине где-то еще проверяли? А в Яндексе вообще "своя атмосфера", ошибки валидатора в данном случае несущественны и, смею предположить, не оказывают негативного влияния на работоспособность. Советую также обратить внимание на характер ошибок и проанализировать их самостоятельно. P.S. И, кстати, количество кода в файлах стилей Яндекса несоизмеримо больше вашего. Так то у вас не "всего лишь две", а у вас "аж две" ошибки! Вроде как похожие темы: http://forum.htmlboo...еги#entry272814 http://forum.htmlboo...&hl=+свои +теги Да, тестировал. Мой проект работает на любых браузерах, включая IE 5.5, на телефонах, во всех производных Хромиума, в Опере и в ФФ. Разве что в Сафари не проверил. А это я для себя делаю, а не в рамках проекта. За темы спасибо, сейчас посмотрю. P.S. Да, эти две ошибки, это он говорит что type не бывает img. И это как раз всё равно, ибо какая CSS разница. P.P.S. Насчёт идеологии — я бы тоже так хотел. В самом HTML тегов должно быть мало, а не как сейчас, около 4 вариантов для курсива, а все необходимые теги, написанные на CSS/JS должны скачиваться из интернета, и подключаться командой вроде: <tag css = "tag.css" js = "tag.js" parent = "div"> Но от меня ничего не зависит. И, скорее всего, к лучшему. Прочитал. Надо же насколько разные люди мыслят похоже.

А потом в один прекрасный день разработчики того же Хрома придумают ввести свой тег и атрибут, чудесным образом совпадающий по имени с твоими. Но они будут пониматься не как безвольные строчные элементы к которым "исправляются" все неизвестные теги, а будут "что-то делать". И "...у любых людей, которые захотят это использовать..." в готовых и исправно(?) работающих сайтах начнется веселуха ))) ... К этому времени этот тег уже будет не нужен. Или если нужен воспользоваться FIND/REPLACE в файле с CSS-ом. А по делу что-нибудь скажете?

Отвечаю по порядку: 1. CSS позволяет использовать ЛЮБЫЕ атрибуты с ЛЮБЫМИ значениями. 2. Она таки работает. Но некорректно отображается в одном из браузеров, о чём и вопрос. Да, опять же: CSS позволяет присвоить свойства ЛЮБЫМ тегам вне зависимости от их существования. 3. Движет банально тяга к удобству. Если я сейчас таки сам, или с чьей-то помощью допишу это, то у меня (и у любых людей, которые захотят это использовать будет такой тег. Я пробовал использовать для этого тег <span> с классом и индетификатором, результат не изменился. Я ответил на ваши вопросы? P.S. Да, почти. Если вбить в него адреса стилей Яндекса будут сотни ошибок, тут — две. Яндекс работает, следовательно... 419 ошибок в одном из пяти стилей, если быть точным.

Кстати код валидный. Почти.

В Файрфоксе отлично работает. IE не стоит, ибо лень на линукс IE портировать, в опере сейчас проверю. А что неверно? Протестировал в опере, тоже всё отлично.

Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст <spoiler type = "img"><img src = "http://dopostback.anyversum.e3w.ru/wp-content/themes/Black/Logo.png"></spoiler> текст текст <br> <spoiler>Текст</spoiler> <spoiler type = "text">Текст</spoiler> </body> </html> Код CSS: spoiler { color: black; background: black; cursor: default; } spoiler a { cursor: auto; } spoiler[color="gray"] { color: gray; background: gray; } spoiler[color="white"] { color:white; background: white; border: 1px solid black; } spoiler:hover { color:white; } spoiler[color="gray"]:hover, spoiler[color="white"]:hover { color:black; } spoiler:hover a { color:blue; text-decoration:none; } spoiler a { color:black; } spoiler[color="white"] a { color: white; } spoiler[color="white"]:hover a { color: blue; } spoiler[color="gray"] a { color: gray; } spoiler[color="gray"]:hover a { color: blue; } spoiler a:hover { text-decoration: underline; } spoiler:hover a:visited { color:darkviolet; } spoiler:hover a:active { color:red; text-decoration: none; } spoiler[type="img"] { background-color: black; color:white; } spoiler[type="img"]::before { content: "Image"; } spoiler[type="img"] img { display: none; } spoiler[type="img"]:hover img { display: block; }