Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Оптимизация дизайна под разные браузеры |
| Оптимизация дизайна под разные браузеры |
|
Зачем нужен "правильный" HTML-код?
HTML - это специальный язык разметки для веб-страниц. Этот язык стандартизован. Значения каждого тега строго определены. Каждый тег имеет определенные атрибуты. HTML-код страницы интерпретируется браузерами и переводится в изображение веб-страницы, которое видит пользователь. Теперь представьте, что HTML код страницы содержит ошибки (не соответствует стандарту). Что в этом случае делать браузеру? Самый простой вариант - это вывести на экран сообщение об ошибке и все. Однако пользователь вряд ли будет рад увидеть вместо страницы, на которой пропущен закрывающийся тег, сообщение об ошибке. Поэтому создатели браузеров пошли другим путем. Браузеры пытаются (в меру своей интеллектуальности) "исправить" некорректный HTML-код. Вот тут и кроется проблема. Каждый браузер имеет свои правила, по которым он будет исправлять HTML ошибки на веб-страницах. Поэтому, если на странице есть ошибки, то существует большая вероятность, что данная страница в разных браузерах будет выглядеть по-разному. Более того, если даже он сейчас выглядит одинаково во всех браузерах, это не значит, что так будет всегда. С выходом новой версии какого-либо браузера коррекция HTML ошибок может быть изменена. А вот следование стандартам изменено вряд ли будет. Если вы хотите, чтобы ваш сайт выглядел одинаково в самых популярных браузерах, постарайтесь избежать ошибок в HTML коде. В общем, бывает когда есть сайт, есть дизайн, но вот проблема - неизвестно, как он выглядит на других браузерах. Те, кто попроще, просто отписываются, что проверил на таком-то браузере, на других - не знаю.
Эта тема для того, чтобы обнаруживать косяки в разных браузерах. Также и проблема оптимизации и предложения по устранении ошибок (только советы, не просите других делать за вас работу) Проблема с отображением тега HR
Советую вместо Code <hr> который красиво может выглядить только в ИЕ использовать цветную однопиксельную картинку: Code <img src="путь до картинки/hr.gif" class="hr"> и прописать ее в стилях: Code .hr {height: 1px; width: 100%; margin-top: 5px; margin-bottom: 5px;} © Andre Разное понимание CSS браузреами типа IE и Opera (там же Mozilla и прочие)
Проблема в следующем: ИЕ и Опера по разному принимают стили и пересчитывают ее на свой лад. Так расстояние между тегами H1 и P разное и поэтому текст по разному смотрится. Для решения этой проблемы надо использовать дополнительную таблицу стилей под IE, поставить там в ручную padding и margin, или другие атрибуты (в зависиости от ситуации) и прописать ссылку в html, заключив ее в специальные теги.
Code <html> <head> <title>Максим Пелевин - Главная страница</title> <link href="http://maxpelevin.3dn.ru/_st/my.css" rel="StyleSheet" type="text/css"> <!--[if IE]><link rel="stylesheet" type="text/css" href="/img/ie7.css" /><![endif]--> <script type="text/javascript" src="/img/global.js"></script> </head> Надеюсь понятно объяснил. © Русак
Решаем проблему с прозрачностью картинок PNG в ИЕ: http://www.tigir.com/alpha_png.htm |
|
Miss_Esq, так я ссылку не меняла... Поменяла только название картинки.
Нашла решение: название картинки нужно писать и в "Изображение - название" и в "Ссылка - текст". Тогда первое отображается в ИЕ, а второе в Мозиле. Сообщение отредактировал Diz6942 - Вторник, 22 Ноя 2011, 22:48:46
|
|
Diz6942, Вы просто ссылку на картинку можете поставить именно эту , просто не рассуждая и не делая ни чего от себя ? Вопросы потом
<img alt="Архитектура" title="Архитектура и тому подобное и так далеееее" src="/glavnaya/26147556.jpg" height="150" width="190"> Вы просто начали химичить , вместо того что бы сделать всё как это предусмотрено по стандартами . Тогда бы ни каких проблем с отображением , ни в каких обозревателях не было бы .. Сообщение отредактировал Miss_Esq - Вторник, 22 Ноя 2011, 23:10:33
|
|
Diz6942, А кто вам , сделал главную страницу ?
Исходный текст , фрагмент ... вместо того что выделено цветом ... Должно стать так |
|
Доброго времени суток,у меня вот такая проблема!!!Я поменял шаблон и теперь у меня в internet explorere не видно меню справа!!!В firefoxe все отлично показывает
 %) Как обойти этот баг??? Cайт: www.valentineblack.tkblack
Сообщение отредактировал dj-vblack - Пятница, 25 Ноя 2011, 01:10:08
|
|
dj-vblack,
Quote Как обойти этот баг??? У вас Doctype прописан в общих настройках сайта ??? Если нет то пропишите а там посмотрим что где у вас неотображается . А вообще Internet Explorer это ряд версий , от очень плохих до очень хороших , версию IE называть ещё нужно .. |
|
Quote (Miss_Esq) 100% не баг а .... У вас Doctype прописан в общих настройках сайта ??? Если нет то пропишите а там посмотрим что где у вас неотображается . А вообще Internet Explorer это ряд версий , от очень плохих до очень хороших , версию IE называть ещё нужно .. Вы были правы,прописав Doctype все встало на свои места!!!Но возникли новые проблемы  Шапка сместилась немного вниз от верха (образовалось пустое пространство) и между шапкой и строкой управления появилось : (что то навроде двоеточия),причем до того момента пока не зайдешь на сайт,как "зарегестрированный пользователь" его нет!!! Сайт www.valentineblack.tk Скрин прилагаю!!! Прикрепления:
5313743.jpg
(218.8 Kb)
black
Сообщение отредактировал dj-vblack - Пятница, 25 Ноя 2011, 02:35:36
|
|
dj-vblack,
Quote причем до того момента  Нда , улыбнуло , вы всё так понимаете буквально ??? Вот это что за Doctype ? имею ввиду где откопали ??? Кстати ваше двоеточие как раз из за него , вы это двоеточие которого быть не должно запихнули в поле для Doctype , вот оно у вас и нарисовалось ... <!DOCTYPE>: Doctype бывают такие .. Часто употребляемые .. но это не все , редко используемые и устаревшие не привожу .. HTML 4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> HTML 5 <!DOCTYPE html> Сообщение отредактировал Miss_Esq - Пятница, 25 Ноя 2011, 10:41:26
|
|
Quote (Miss_Esq) Зашла гостем , оно на месте , да и в исходном его видно ... biggrin Нда , улыбнуло , вы всё так понимаете буквально ??? Вот это что за Doctype ? имею ввиду где откопали ??? Кстати ваше двоеточие как раз из за него , вы это двоеточие которого быть не должно запихнули в поле для Doctype , вот оно у вас и нарисовалось ... <!DOCTYPE>: И вы опять совершенно правы,убрал ":" на конце <!DOCTYPE>: и все нормализовалось!!!A именно этот вариант <!DOCTYPE>: предлагается в панели управления/общие настройки с пометкой (если не разбераетесь в этом,не вводите):))) Miss_Esq огромное спасибо вам за помощь black
|
|
dj-vblack,
Quote A именно этот вариант <!DOCTYPE>: предлагается |
|
Подскажите,что нужно сделать,чтобы при нажатии в главном меню на кнопку мои миксы и mp3 пользователь мог сразу попадать на полный каталог вложений(где можно перебирать страницы).А в данной ситуации нужно еще отдельно нажать на кнопку категории (мои миксы и mp3) и только после этого появляются все вложения на 3 страницах с возможностью их перебирать!!!
Cайт: www.valentineblack.tk + картинка (вложение) P.S. Хочется,чтобы получалось,как на картинке,за 1 клик при нажатии на кнопку меню "Мои миксы и mp3" Спасибо за ответ заранее!!! :) Прикрепления:
2750015.png
(231.3 Kb)
black
Сообщение отредактировал dj-vblack - Пятница, 25 Ноя 2011, 22:58:21
|
|
dj-vblack,
Quote А в данной ситуации нужно еще отдельно нажать на кнопку категории |
|
Ejikc,
Quote в кривь и в кось.. |
ПодскажИте, куда?
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!