Автор Тема: Помогите с сайтом!  (Прочитано 6420 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Snake

  • Пользователь
  • Сообщений: 69
    • Просмотр профиля
Помогите с сайтом!
« : 14 Январь 2007, 10:52:26 »
Сделал сайт. Картинки навигации имеют прозрачный фон. Но в Internet Explorer наверно не поддерживает.  Через Оперу и Мозиллу все окей. Что сделать то?
Вот сайт- http://www.raccoon-borgir.narod.ru

Оффлайн Yaranga

  • Администратор
  • Сообщений: 13669
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #1 : 14 Январь 2007, 15:00:58 »
Хм... маскировать цвет альфа-канала значков под фон... ээээ как это по русски сказать... Мне сдаётся, это ещё можно решить правкой кода...

Оффлайн Sheb

  • Emu-Land Team
  • Сообщений: 3003
  • Пол: Мужской
  • Where in the world are my slippers?
    • Просмотр профиля
Помогите с сайтом!
« Ответ #2 : 14 Январь 2007, 15:24:27 »
Скрытая реклама! Щас как всех покромсаю ;)

Оффлайн Yaranga

  • Администратор
  • Сообщений: 13669
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #3 : 14 Январь 2007, 15:38:02 »
Ага, и верно... Как-то хитро себе автор сей глюк придумал шоб посещаемость повысить...>:(

Добавлено через 3 минуты
Кстати, вот результаты проверки на http://validator.w3.org/check#...
Цитата
  Markup Validation Service v0.7.4
Home About... News Docs Help & FAQ Feedback
Jump To:
ResultsResult:   Failed validation, 15 errors
File:   news.html
Encoding:   windows-1251
Doctype:   (no Doctype found)

No DOCTYPE found! Attempting validation with HTML 4.01 Transitional.

The DOCTYPE Declaration was not recognized or is missing. This probably means that the Formal Public Identifier contains a spelling error, or that the Declaration is not using correct syntax. Validation has been performed using a default "fallback" Document Type Definition that closely resembles "HTML 4.01 Transitional", but the document will not be Valid until you have corrected this problem with the DOCTYPE Declaration.

Learn how to add a doctype to your document from our FAQ.
This page is not Valid (no Doctype found)!

Below are the results of attempting to parse this document with an SGML parser.
Error Line 1 column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>".
<html>

The checked page did not contain a document type ("DOCTYPE") declaration. The Validator has tried to validate with a fallback DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages. It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid.


Error Line 11 column 27: required attribute "ALT" not specified.
<img src="mininav/date.png">

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.


Error Line 14 column 199: end tag for "B" omitted, but its declaration does not permit this.
... href = "blog.html" target="main">  <b><font size = 3 color = darkgreen>Дн�
You forgot to close a tag, or
you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.

The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.


Info Line 14 column 145: start tag was here.
...ние. Прогресс смотре��ь в</font> <a href = "blog.html" tar
Error Line 16 column 27: required attribute "ALT" not specified.
<img src="mininav/date.png">


Error Line 21 column 27: required attribute "ALT" not specified.
<img src="mininav/date.png">


Error Line 24 column 109: required attribute "ALT" not specified.
...�исываемся в гостеву��е</font><img src="smili/norm.png">


Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 24 column 0: start tag was here.
<b><font size = 3 color = darkblue>Создал этот сайт. Отписы�
Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 22 column 0: start tag was here.
<b><U><font size = 3 color = darkred>08.01.07</font></U>
Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 19 column 0: start tag was here.
<b><font size = 3 color = darkblue >FreeDO обновился до версии
Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 17 column 0: start tag was here.
<b><U><font size = 3 color = darkred>09.01.07</font></U>
Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 14 column 0: start tag was here.
<b><font size = 3 color = darkblue>Новостей пока нет. Все ещ
Error Line 27 column 6: end tag for "B" omitted, but its declaration does not permit this.
</body>


Info Line 12 column 0: start tag was here.
<b><U><font size = 3 color = darkred>12.01.07</font></U>
Error Line 30 column 11: invalid comment declaration: found delimiter """ outside comment but inside comment declaration.
<!-- ><!-- "><!-- '><!-- --></textarea></form>


Info Line 30 column 0: comment declaration started here.
<!-- ><!-- "><!-- '><!-- --></textarea></form>
Error Line 30 column 12: character data is not allowed here.
<!-- ><!-- "><!-- '><!-- --></textarea></form>

You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes).


Error Line 38 column 5: invalid comment declaration: found name start character outside comment but inside comment declaration.
<!-- mailto:spm111@yandex.ru -->


Info Line 30 column 13: comment declaration started here.
<!-- ><!-- "><!-- '><!-- --></textarea></form>
The W3C Validator Team
« Последнее редактирование: 24 Октябрь 2007, 02:15:51 от Iron »

Оффлайн Rumata

  • Супермодератор
  • Сообщений: 24712
    • Просмотр профиля
Помогите с сайтом!
« Ответ #4 : 14 Январь 2007, 17:29:14 »
Да, посещаемость возросла дико, я там был уже одиннадцатым!
Решение простое - не использовать прозрачность (обычно ни кто и не использует), сделать цвет фона иконок равным цвету фона страницы. Хотя там не цвет, a bg image с вертикальным градиентом... Вообще-то такого делать не рекомендуется, это не позволяет сделать дизайн резиновым. Но если очень хочется, придется сначала создать картинку всей полосы навигации, потом порезать её слайсами и при верстке отключить рамки ссылок
И шрифт, всё же, лучше использовать без засечек

Оффлайн R4kk00n

  • Пользователь
  • Сообщений: 367
    • Просмотр профиля
Помогите с сайтом!
« Ответ #5 : 14 Январь 2007, 19:57:37 »
Есть ещё javascript'овый хак для IE, решающий проблему с альфа-каналом в PNG. Можно поискать по ключевым словам IE alpha-channel png hack...

Оффлайн Rumata

  • Супермодератор
  • Сообщений: 24712
    • Просмотр профиля
Помогите с сайтом!
« Ответ #6 : 14 Январь 2007, 20:28:19 »
А почему бы не использовать GIF?

Оффлайн .flint

  • Пользователь
  • Сообщений: 843
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #7 : 14 Январь 2007, 21:56:01 »
В случае этого сайта, конечно, GIF. Но в общем случае, нужны вещи посложнее, чем просто "прозрачный пиксель".

Оффлайн Snake

  • Пользователь
  • Сообщений: 69
    • Просмотр профиля
Помогите с сайтом!
« Ответ #8 : 15 Январь 2007, 11:27:55 »
но через opera же все нормально...

Оффлайн Rumata

  • Супермодератор
  • Сообщений: 24712
    • Просмотр профиля
Помогите с сайтом!
« Ответ #9 : 15 Январь 2007, 15:13:44 »
Ну и что? Можно найти что нибудь, что в Опере не работает. Всё же следует добиваться совместимомсти со всеми браузерами. Конечно, можно сначала определить браузер пользователя и потом подгружать ему нужную версию, но вряд ли это оправдано. И чего точно не следует делать, так это писать "опимизировано для просмотра при XXXX на YYY в браузаре ZZZ"
И вообще, не переусложняй дизайн. Фон с градиентом хорош на макете, а пользователь может его и не заметить (я вот обнаружил его только при просмотре кода страницы), там более, что у него может быть другое экранное разрешение и другой браузер. У меня в левом фрейме возникает вертикальная прокрутка, это так задумано? В любом случае, ни крастоы, ни удобства это не добавляет.
И почему, собственно, PNG? Конечно, он придуман как замена GIFу, но полностью его место так и не занял

Оффлайн Sheb

  • Emu-Land Team
  • Сообщений: 3003
  • Пол: Мужской
  • Where in the world are my slippers?
    • Просмотр профиля
Помогите с сайтом!
« Ответ #10 : 15 Январь 2007, 16:48:25 »
Юзай GIFки и не парься ;)
PNG - зло, мне не нравится )

Оффлайн Yaranga

  • Администратор
  • Сообщений: 13669
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #11 : 15 Январь 2007, 22:20:58 »
Ишак тоже зло, а PNG супротив GIF размером меньше получается...:)

Добавлено через 1 минуту
Вон, мой сайт в ИЕ - вообще чёрт-те что; это, впрочем ПуМычу гранд мерси:)
« Последнее редактирование: 15 Январь 2007, 22:20:58 от Yaranga »

Оффлайн Rumata

  • Супермодератор
  • Сообщений: 24712
    • Просмотр профиля
Помогите с сайтом!
« Ответ #12 : 16 Январь 2007, 01:14:55 »
Зло, не зло, но есть статистика, и пока ИЕ ощутимо лидирует. И даже если он будет занимать не более 25%, всё равно пренебрегать нельзя. Так что WEB safe и полная совместимость (это не так уж и сложно)
А то, что PNG меньше - дык есть масса параметров, да и с анимацией у него не вот...

Оффлайн Sheb

  • Emu-Land Team
  • Сообщений: 3003
  • Пол: Мужской
  • Where in the world are my slippers?
    • Просмотр профиля
Помогите с сайтом!
« Ответ #13 : 16 Январь 2007, 03:09:05 »
Если руки кривые и не знать, как уменьшать цветность в GIF - PNG будет меньше. А если он будет больше - даже мне, модемщику, класть на разницу в килобайт-два.

Оффлайн .flint

  • Пользователь
  • Сообщений: 843
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #14 : 16 Январь 2007, 03:30:43 »
Вот вам ссылочки: очень хорошо про PNG, правда, немножко устарело -- патент на GIF уже весь вышел. И еще, наглядное сравнение всякого.

Оффлайн Yaranga

  • Администратор
  • Сообщений: 13669
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #15 : 16 Январь 2007, 10:40:05 »
Цитата: Sheb
Если руки кривые и не знать, как уменьшать цветность в GIF - PNG будет меньше.
Надеюсь, ты не про меня?:)

Оффлайн Yaranga

  • Администратор
  • Сообщений: 13669
  • Пол: Мужской
    • Просмотр профиля
Помогите с сайтом!
« Ответ #16 : 16 Январь 2007, 11:08:11 »
Вот пример - моя аватарка в png на целых 26 байт меньше её же варианта в gif... Впрочем, это фигня... Кстати, моя подпись тоже в png, а ИЕ её вполне корректно отображает...:)


Добавлено через 11 минут
Snake, делай меньше цветов в png и всё получится. Я для правки картинок пользовался Iview.
« Последнее редактирование: 16 Январь 2007, 11:08:11 от Yaranga »

Оффлайн R4kk00n

  • Пользователь
  • Сообщений: 367
    • Просмотр профиля
Помогите с сайтом!
« Ответ #17 : 18 Январь 2007, 22:31:57 »
У IE (про седьмую версию не знаю, негде проверить) была проблема только с 32-битными PNG. 8-битные с прозрачностью отображаются нормально. Но если нужны границы с антиалиазингом или реально полупрозрачная картинка — альтернатив PNG с альфой нет.

Оффлайн Rumata

  • Супермодератор
  • Сообщений: 24712
    • Просмотр профиля
Помогите с сайтом!
« Ответ #18 : 20 Январь 2007, 00:02:21 »
Границы с анитальясингом можно и в GIFе делать, полупрозрачность легко реализуется на JavaScript, есть масса готовых и свободно распостраняемых решений.
И всё же, главное - не переусложнять дизайн, ведь посетитель приходит не за фичами, а за контентом