Jump to content
  • 0

Ребят. Все очень критично.

zapshik

Asked by zapshik,

 Share

Question

zapshik Explorer

zapshik

Posted
Posted

Сверстал страничку. Все работает, все хорошо!!

Проблема с кодировкой Мозиллы и Опперы.

Пожалуйста, помогите с этой проблемой. Уже все перепробовал

Залил на бесп. хостинг. СЮДА

Прикрепленные файлы

Пожалуйста, помогите. Голова скоро взорвется

Вот файли залил

Link to comment
Share on other sites

23 answers to this question

Recommended Posts

  • 0
blaga Explorer

blaga

Posted
Posted

идем делаем анализ сайта

http://pr-cy.ru/analysis/starax.h18.ru

в блоке Ответ сервера (заголовок) видим

HTTP/1.1 200 OK Server: nginx/0.7.62

Date: Mon, 28 Feb 2011 16:59:55

GMT Content-Type: text/html; charset=windows-1251

Transfer-Encoding: chunked

Connection: keep-alive

Keep-Alive: timeout=20

Expires: Thu, 01 Jan 1970 00:00:01 GMT

Last-Modified: Mon, 28 Feb 2011 16:59:55 GMT

думаю все ясно. Ваш сервер выдает кодировку сайта win1251 либо меняем в настройках сервера либо на другой сервер.

Link to comment
Share on other sites
  • 0
zapshik Explorer

zapshik

Posted
  • Author
Posted
Добавьте в файл .htaccess строку

AddDefaultCharset utf-8

У меня нет такого файла...может есть другой вариант.

В ИЕ и Хром все супер, почему все так криво в Опере и Мозиле???

Очень нужно все сделать сегодня..(

сохрани файлы без BOM.

В смысле? Как это?

Link to comment
Share on other sites
  • 0
zapshik Explorer

zapshik

Posted
  • Author
Posted
это наверно для таких пишут инструкции типа:

нажмите правую кнопку мыши, в выпавшем списке выберите пункт «создать новый файл»…

Честно, ребят, помогите...

на самом деле важно. Потом посмеетесь(

Link to comment
Share on other sites
  • 0
zapshik Explorer

zapshik

Posted
  • Author
Posted
Все зависит от редактора в котором вы писали.

У мня примерно так:

file->save as

Name file: index.html

encoding: UTF-8 without BOM

Сейчас у вас фал index.html сохранен в кодировке UTF-8 BOM

У меня Dreamweaver 8

Убрал галочку, сохранил просто в UTF-8

Не помогло((

Пожалуйста, кто готов помочь. Стукните, плиз, буду очень благодарен

429774226

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted

а, ну тогда примерно так:

file -> new.

Далее в поле «имя нового файла» пишем: .htaccess

Далее в этом новом файле (как его открыть — надо писать?) пишем:

AddDefaultCharset utf-8

Далее нажимаем Ctrl+S (или надо описать, где эти кнопки на клавиатуре?).

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted

ничего нормального.

У вас теперь всё в кодировке 1251.

И сервер отдаёт именно такую кодировку.

А в мета-тэге зачем-то указано utf-8.

Ну и тут ругань соответствующая:

Character Encoding mismatch!

The character encoding specified in the HTTP header (windows-1251) is different from the value in the <meta> element (utf-8). I will use the value from the HTTP header (windows-1251) for this validation

Link to comment
Share on other sites
  • 0
Serlutin Explorer

Serlutin

Posted
Posted (edited)
Чесстно говоря, понятия не имею где эти ошибки беруться, в коде нет проблем...

Откуда Валидатор их находит, я не понимаю(

В коде большие проблемы. Вы совершенно не понимаете что и зачем делаете.

Вы в доктайпе говорите, что у вас xHTML 1.0 strict, но при этом используете атрибут align, не используете <br /> и путаете классы с идентификаторами.

И вот ещё вопрос, почему вы решили выбрать XHTML, а не HTML 4.01?

Edited by Serlutin
Link to comment
Share on other sites
  • 0
zapshik Explorer

zapshik

Posted
  • Author
Posted

Понятия не имею. Честно говоря, это мой первый сайт, поэтому не знаю.

Не понимаю, почему при использовании xHTML 1.0 strict нельзя использовать align (а что тогда использовать?)

И какая принципиальная разница между XHTML и HTML 4.01?

Повторюсь. Это иой первый сайт, соответственно, я не очень понимаю что и как...

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted (edited)

действительно большие проблемы.

Но если вы готовы учиться, то все проблемы решаемы.

xhtml и html — это по большому счёту похожие, но разные языки разметки. Грубо говоря, xhtml — это xml с таким же набором тэгов, как в html.

xhtml — это неудачная провалившаяся (хотя и расово верная) затея w3c. Строгий синтаксис, высокие требования к коду. Но в идеале должно быть и браузерам намного легче и удобнее. И не только браузерам, а и другим программам, имеющим отношение к теме.

Но поскольку далеко не все пишут код правильно, а посетитель выберет тот браузер, который отобразит даже неправильно написанный сайт, на практике xhtml не прижился.

Современные тенденции вообще таковы, что используется html без версий. То есть, никаких xhtml 1.0 strict или html 4.0 transitional. Просто html.

И первой строкой кода так и пишем: <!DOCTYPE html>

почему нельзя использовать align:

пусть разметка остаётся разметкой, а оформление будет оформлением.

Нередки случаи, когда при одной и той же разметке может быть разное оформление.

Если всё валить в одну кучу, так сделать невозможно.

Так что это принципиально верный подход.

Edited by swetlana
Link to comment
Share on other sites
  • 0
Serlutin Explorer

Serlutin

Posted
Posted
Не понимаю, почему при использовании xHTML 1.0 strict нельзя использовать align (а что тогда использовать?)

Атрибут align устарел. Он противоречит идеологии, разделения формы и содержания. Поэтому всё что относится к дизайну должно выноситься в css файлы. То есть вместо align надо использовать text-align. Чтобы выровнить не текст внутри блока, а блок, используется свойство float. Работает оно по принципу обтекания (то есть, как align применённый картинке). Если хочется отцентрировать блок, то можно сделать так margin: 0 auto; 0 - обозначает, что сверху и снизу отступов не будет, а справа и слева они будут задаваться автоматически равными, поэтому блок и выровнится.

И какая принципиальная разница между XHTML и HTML 4.01?

xHTML основан на языке XML, поэтому очень важно соблюдать его синтаксис. В XHTML все теги должны быть парными. Если для тега не предназначается пары, то используется короткий тек. Это теги <br />, <img />, <meta />, <link /> и т.д. Практической пользы от использования xhtml нет, поэтому можете спокойно использовать HTML.

Link to comment
Share on other sites
  • 0
zapshik Explorer

zapshik

Posted
  • Author
Posted

Спасибо большое за дельные советы. На самом деле, учиться я очень хочу. Но очень сложно, когда никто не бьет подзатыльник и не указывает на фатальные ошибки!)

Конечно же этот сайт я уже перерывать не стану, но сейчас же займусь чтением правильных статей по сайтостроению.

И уже уверен на 100%, что буду постояльцем на данном форуме, т.к. адекватных форумов с толковыми форумчанами практически не осталось)

Спасибо всем огромное)

Еще буду Вас доставать глупыми вопросами) Настраивайтесь)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept