PDA

Просмотр полной версии : Backgroung image не отображается


margol
05.06.2008, 18:17
Сделан новый дизайн. В HTML коде присутствует такая ячейка:
<tr height="141" width="100%" valign="bottom" background="doku.php_files/bottom_fon.jpg" style="background-repeat:repeat-x">

Если посмотреть через меню Файл-Список файлов нужный php документ ячейка отображается как надо_залитая фоном.
Но вот через просмотр страницы этого фона нет, хотя обображается другая ячейка:
<td align="right" width="236px" background="doku.php_files/sled.jpg" style="background-repeat:no-repeat">

Пробую bottom_fon.jpg просто отобразить как картинку - не видна, Хотя она точно есть! Да и отображается, если просматривать документ в браузере или через меню Файл.
Что за ерунда?

-=UncleByte=-
05.06.2008, 20:17
*nix системы чувствительны к регистру букв в названиях файлов. Таким образом если расширение файла указано ЗАГЛАВНЫМИ буквами у самого файла, то и в верстке надо указывать его точно так же.

margol
06.06.2008, 11:16
Нет, не в этом дело, поэкспериментировала с расширениями фонов и картинок - эффект тот же.

Кто сталкивался с подобным?

-=UncleByte=-
06.06.2008, 12:40
Ну тогда, как вариант, попробуйте присвоить ячейке класс какой-нибудь и уже в css прописать ему соответствующие параметры.
td.example1 {height:141px; width:100%; vertical-align:bottom; background:url(doku.php_files/bottom_fon.jpg) repeat-x 0 0}
И вообще старайтесь избегать оформления, за исключением классов и id, в самом коде страницы. Верстать по стандартам намного проще и легче.

margol
07.06.2008, 16:21
<style...>
.top_fon{
background-image: url('doku.php_files/top_fon.jpg');
background-repeat: repeat-x"
}
</style>
...
<tr class="top_fon" >


Таким образом заданный фон отображается! Ура!

-=UncleByte=-
07.06.2008, 17:13
Вот и славно. Но советую пользоваться во-первых подключаемыми таблицами стилей, поскольку они кешируются браузером и загрузка страниц потом происходит быстрее, а во-вторых все свойства элементов страницы описывать в css и при помощи shorthands (короткой записи, как, например, я писал выше про бэкграунд) — таким образом можно разделить саму информацию от ее представления почти полностью и изменять внешний вид не трогая саму информацию и верстку.