Форум Сайтостроение Веб-строительство

Вопрос по поводу фоновых изображений в ячейках таблицы

12
ПG
На сайте с 23.01.2007
Offline
7
Практичный Gendo
1289

В составе страницы есть более 20 изображений. Одна часть (малая) вставлена как img, а другие мне нужно вставить как фоны по разным ячейкам таблицы .

Те что img просто вписаны в html код , а те которые должны стать фоновыми изображениями будут прописаны через CSS

.sh-ka2{ background: url("Fon/SkaKutter2.jpg"); width:810px; height:43px; }
.Ska3{width:810px; height:22px; background: url("Fon/S-ka-Kutter-3.jpg");}

А в html-е будут иметь следующий вид :

<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<tr><td class=sh-ka2></td></tr>
<tr><td class=Ska3></td></tr>
</tbody></table>

Кажется все верно !?

Но почему-то не работает :mad:

Если прописывать фоновое изображение просто через

<td width=810 height=22 background="Fon/S-ka-Kutter-3.jpg"></td>

то все Отлично смотрится

BODY в CSS имеет следующий вид :

BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, sans-serif}

Подскажите, пожалуйста, что может быть не так ?

T
На сайте с 11.08.2005
Offline
181
Timen
#1

Пример работающего фона: style="background-image: url(/img/bg1.gif);"

---

Тут можно почитать подробнее: http://htmlbook.ru/css/?cat=1

Timen (http://www.timen.com.ua/)
a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#2

Проверьте пути к фоновому изображению относительно файла со стилями.

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#3

Практичный Gendo, с каких это пор в css при указании изображения ковычки появились?

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Dreammaker
На сайте с 20.04.2006
Offline
569
Dreammaker
#4
Varkolak:
Практичный Gendo, с каких это пор в css при указании изображения ковычки появились?

С очень давних ;)

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#5

Varkolak, http://www.w3.org/TR/CSS2/colors.html#background-properties :)

Хотя, кавычки необязательны.

BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
#6

у меня в css так все прописано: 


#bg {

BACKGROUND-POSITION:left top;  - обозначение места (левый угол, верх)

BACKGROUND-IMAGE: url(../images/vesna.gif);  - путь к картинке

WIDTH: 100%;  - ширина

BACKGROUND-REPEAT: no-repeat; - делать повторение картинки (не делать)

}

а в html написано так:

<div id=bg>&nbsp;</div>

ПG
На сайте с 23.01.2007
Offline
7
Практичный Gendo
#7
BadBoy:

BACKGROUND-IMAGE: url(../images/vesna.gif);

Примененное к ячейке, путь Без кавычек, используется "../" в начале , и оно работает ?! 😕

а у меня, почему-то, нет :( пойду биться головой об стену 🙅

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#8

Работает без проблем:

http://kost.ru/stuff/tbltest.html

BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
#9
Практичный Gendo:
а у меня, почему-то, нет

у меня просто файл css находится в 3 или 4ой вложенности.

ПG
На сайте с 23.01.2007
Offline
7
Практичный Gendo
#10

Стена сломана ,,, почему-то не помогло 🙅

Все работает ОТЛИЧНО если читать страницу из определенной папки и только из нее

Если перенести ВСЕ на соседний диск, или, хотя бы, в другую папку, в странице снова появляются "белые дыры", все изображения, прописанные в CSS, снова не "грузятся" (хоть dreamweaver в своей "колонке просмотра" таки намекает, что изображение "загружено"), в то время как обычные imsge и background проипсанные в html без проблем отображаются 😕

Однако, если "стили" сделать частью html документа то все снова-таки работает Отлично :

<STYLE type=text/css>TD {
BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; BORDER-LEFT: #ccc 3px solid; BORDER-BOTTOM: #ccc 3px solid
}
.foo {
BACKGROUND: url(http://img.searchengines.ru/forum/customavatars/avatar11738_1.gif); WIDTH: 100px; HEIGHT: 100px
}
</STYLE>

<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY>
<TABLE>
<TBODY>
<TR>
<TD class=foo>foo text </TD>
<TD>one more cell</TD></TR></TBODY></TABLE></BODY></HTML>

Вот если выносить "стили" в отдельные CSS файлы грузится ВСЕ,,, кроме изображений 😡

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий