Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Изменения стандартного чата - общий вид во всех браузерах (DOCTYPE)

 
1 2

20090
Dimitry @Dimitry
Решил произвести ряд изменений в стандартном чате.

1. Теперь во всех шаблонах и HTML файлах добавлена строчка в самый верх которая приводит страницы для всех браузеров к одному виду, а также сообщает то что используется HTML5. Уже зарегистрированные чаты также могут добавить эту строчку:
<!DOCTYPE html>

2. Шаблон титульника немного подправлен, также был убран iframe и вместо этого используется %include% для html документов и в параметрах указанных скриптах, на данны момент по умолчанию сечас указаны:
reg,mail,who,top100,search,feedback,gb,gallery

3. Из-за стандартизации в таблицах которые находятся по центру также все элементы теперь поумолчанию по центру.
Так как в некоторых скриптах это смотрится некрасиво, я добавляю align=left в <td>. ТАкже возникают и другие некрасивости.
Ниже опишу скрипты и строки где это было сделано:
- search.inc во все <td> формы кроме последней добавил align=left
- feedback.inc во все <td> формы кроме последней добавил align=left
- gb.inc, gallery.inc и forum.inc добавил align=left в <td> для времени и ника, также добавлен <br> после форм (получалось слитно)
- info.inc и set.inc добавил align=center в <table> а тег <center> сделал только для заголовка
- и другие мелкие доработки красоты скриптов по усмотрению...


В этой теме можно писать проблемы которые возникают при использовании <!DOCTYPE html>

4619
Web3r @Web3r
Из-за стандартизации в таблицах которые находятся по центру также все элементы теперь поумолчанию по центру.

При доктайпе html5 у меня почему-то table внутри form всегда по левому краю. Что только не делал - и div'ами пробовал, и align'ом... Ни черта не помогает. Как пофиксить?

2970
удалён @Foggy
Weber, О_О впервые такое слышу. Ссылку в студию. Или пример. Наверное косяк какой-нибудь в css.

4619
Web3r @Web3r
Foggy, попробуй в search.inc выровнять таблицу внутри формы. 🤔

20090
Dimitry @Dimitry
Всё равно не понятно, в search всё по центру...
**********

давай пример)

4875
ValdeZ @ValdeZ
А что за волшебный тег <center> стоит в шаблоне поиска?
Родом из HTML 3.2 О_о
А тегов <left> и <right> не существует в принципе, кстати.

Отредактировано ValdeZ - 30.03.2012
20090
Dimitry @Dimitry
<center> работает, его никто не отменял и хорошо)
это доктайп HTML5 но совместимый со всеми остальными...

2970
удалён @Foggy
сам по себе он не особо и совместимый со старыми, а вот браузеры всё поймут. они такого ужаса повидали, что им уже ничего не страшно. ни <left>, непонятно откуда взявшийся, ни потенциально устаревший <center>. хотя тут уже не суть. главное, что доктайп новый поставили) и я рад)

20090
Dimitry @Dimitry
Свои теги не запрещено придумывать, на них возможно даже стили сработают... над попробовать)

2970
удалён @Foggy
Dimitry, для этого нужно с помощью js их создать в видимости браузера. Так делают с новыми эл-тами html5, чтоб их понимали старые браузеры. Плюс в стилях указывают display.

1007
BETEPAH @BETEPAH
Foggy пишет:

Dimitry, для этого нужно с помощью js их создать в видимости браузера. Так делают с новыми эл-тами html5, чтоб их понимали старые браузеры. Плюс в стилях указывают display.

Так же, как и html5-теги:
<style>
article, nav, header, footer, section, hgroup, aside {display:block;}
</style>
<!--[if lte IE 8]>
<script>
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("section");
document.createElement("aside");
document.createElement("nav");
</script>
<![endif]-->

2970
удалён @Foggy
BETEPAH, да, именно это я и имел ввиду. ещё я не указал, что display именно block, потому что в новой спецификации есть не блочные элементы.

7
мизантроп @мизантроп
а я вот, тихо матерясь, этот самый <!DOCTYPE html> удаляю отовсюду, где наблюдаются глюки... и глюки пропадают))

2970
удалён @Foggy
мизантроп, а вы через IE откройте

7
мизантроп @мизантроп
Foggy пишет:

мизантроп, а вы через IE откройте

а разве IE еще кто-то кроме сотрудников майкрософт пользуется?:D
из моих друзей, для которых и создан чат, никто им не пользуется. дело в том, что я долго не мог понять, почему отключилась автоматическая прокрутка фрейма сообщений, чуть мозг не расплавил🤪 потом удалил этот тэг и вуаля, заработало:D

7094
Dim @Render
мизантроп пишет:

Foggy пишет:

мизантроп, а вы через IE откройте

а разве IE еще кто-то кроме сотрудников майкрософт пользуется?:D
из моих друзей, для которых и создан чат, никто им не пользуется. дело в том, что я долго не мог понять, почему отключилась автоматическая прокрутка фрейма сообщений, чуть мозг не расплавил🤪 потом удалил этот тэг и вуаля, заработало:D

Дима вон на IE сидит, ничего же)
Тут дело скорей не в браузерах, а в стандартизации.
А отказываться от <!DOCTYPE html> только потому что в друг где-то что-то перекосило или пошло не так, не правильно. Значит ошибки где-то в коде тегов есть.
Это что-то вроде... Ездишь ездишь себе на запорожце, тебе тут бах и насильно предложили пересесть и ездить на калине, а ты такой - нееее, мне и на запоре неплохо))

2970
удалён @Foggy
Render, очень точно, да, как-то так)))
мизантроп, люди с нормальными руками обычно исправляют проблемы, а не ищут обходные пути. А это - именно обходной путь. Не хочу обидеть. Это лишь рекомендация разобраться, найти проблему и исправить её.

2615
Сергей @Pegass
мизантроп пишет:

Foggy пишет:

мизантроп, а вы через IE откройте

а разве IE еще кто-то кроме сотрудников майкрософт пользуется?:D

Ай да ко мне в техподдержку работать))) ты будешь поражён количеству людей сидящих на IE 6.0

20090
Dimitry @Dimitry
При доктайпе наблюдаются проблемы с высотой элементов, например 100% сделать сложно, также прокрутка чуть иначе работает, но для этого достаточно обновить функцию самой прокрутки, видимо у тебя чат старый вот она и остановилась, я этот баг очень давно правил.

6703
Андрей @ZloVeЩиЙ
Забил на чаты, но за это спасибо... просил годика так 1.5 назад что то из этой серии.
В свое время - в ручную прописывал доктайп, помимо титулки еще 5-7 страниц которые выводились инклюдом соответствовали стандарту 4.1
😀