Проблемы с CSS - please help!

roy jones jr · №1

сайт http://deiv.narod.ru firefox не открывает ссылку на CSS файл в рез-те стили не отображаются, при чем в IE и Opere все отображается нормально. Подскажите что делать?

RcT · №2

roy jones jr
Для начала попробуйте в строке

Выделить код

Код:

<table width="663" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000000" bgcolor="F5F5F5" align="right" height="770">

вместо bgcolor="F5F5F5" поставить bgcolor="#F5F5F5"
Тоже и везде где встречается bgcolor проверте наличие знака #.
Вообщето это не в CSS у Вас ошибка, но лучше использовать CSS для задания стилей, по крайней мере в Вашем случае.
:offtopic:
Где-то был смайлик RTFM ...
P.S. Надо же какая опера IE-подобная, тоже проглатывает эту ошибку

Отредактировано RcT (19-04-2006 15:41:48)

roy jones jr · №3

О, пасибо!
Надо же firefox оказался самым внимательным)

RcT · №4

Надо же firefox оказался самым внимательным)

Firefox не только самый внимательный, он еще очень хорошо подходит веб-разработчику(веб-дезайнеру)
Вот например замечательный инструмент DOM-inspector, в вашем случе что мы видим

справа нет свойства bgcolor, так как оно с шибкой и Firefox его прорустил и не обработал. (У элемента BODY он присутствует)
Еще замечательный инструмент JavaScript Console, но в вашем случае так как сайт на народе, в куча всякого хлама в код встраивается он не особо помогает. (Еще лучше расширение Console2)
Так же куча всяких расширений, например WebDeveloper и т.д.

Отредактировано RcT (19-04-2006 16:07:46)

roy jones jr · №5

Спасибо за информацию, вот еще одна проблема:
http://deiv.narod.ru/eng.html
На этой странице FF и Опера не открывают ссылки на якоря внутри страницы (например, id class="contacts") тогда как IE открывает все без проблем. Как правильно задавать такие ссылки, чтобы работало во всех браузерах?

Al_H · №6

Выделить код

Код:

<a href="#service"

- это ссылка на текущую страницу, и в ней на якорь service - поскольку service - это якорь, а не имя файла, он предваряется # - с этого символа остальная часть ссылки считается якорем. Соответственно, в коде у Вас написан якорь

Выделить код

Код:

<font class = "t" id="#service"> ... </font>

Где имя якоря #service - соответственно, ссылка на такой якорь выглядела бы так <a href="##service" - если бы # был допустим в именах id. То, что Вы имели в виду, пишется так:

Выделить код

Код:

<span class="tHdr" id="service"> ... </span>

- обратите внимание, в именах якорей не ставится решетка, поскольку она не является частью имени.
Как видите, я еще заменил тэг font на тэг span - поскольку тэг font не рекомендуется применять нигде, кроме страниц, предназначенных исключительно для браузеров без поддержки CSS.
Избегайте имен классов типа t, имена должны быть значащие, причем говорить о назначении а не оформлении элементов.

roy jones jr · №7

Ок, большое спасибо, сейчас исправлю.

Полезная информация

№119-04-2006 15:12:48