Пути к файлам на диске и пути к файлам на сайте указываются по разному, поэтому браузер не может найти картинку и соответственно подгрузить и отобразить ее.
Но почему же тогда обычные image и background прописанные в html без проблем грузятся, а пути через CSS файлы "теряются" ?
Все работает ОТЛИЧНО если читать страницу из определенной папки и только из нее
Если перенести ВСЕ на соседний диск, или, хотя бы, в другую папку, в странице снова появляются "белые дыры", все изображения, прописанные в CSS, снова не "грузятся" (хоть dreamweaver в своей "колонке просмотра" таки намекает, что изображение "загружено"), в то время как обычные imsge и background проипсанные в html без проблем отображаются 😕
Однако, если "стили" сделать частью html документа то все снова-таки работает Отлично :
wilelf: td.leftup0 {
background-image: url(../images/leftup0.gif);
background-repeat: no-repeat;
width: 29px;
height: 26px;
background-position: left bottom;
}
Напишите примерно так. Некоторые браузеры не любят, когда все в одну строчку идет. + явно опишите, что стиль для столбика, т.е. td.имя_стиля. Должно работать. Проверьте пути к фоновому изображению (у меня, например, файлы стилей находятся в отдельных папках, а потому нужно дополнительно указать ../)
Спасибо, буду иметь ввиду но я уже пробовал в CSS вписать один лишь background к определенной ячейке, без размеров, оно все-равно не работает.
Имя стиля для ячейки <td></td> - я так и делаю, или я что-то пропустил в приведенном примере ?
По поводу путей - я вобще пробовал рисунок (который должен стать фоновым) засунуть в основную папку, где хранятся html файлы, но и так оно не работает - просто "белая дыра" посреди страницы
Изображение (7х8 -такая маленькая "стрелочка" , "указывающая" на текст) в ячейке (110х30) , в которой находится текст, являющийся гиперссылкой, в роли фона меня никак не устраивает; в этом случае она равномерно заполняет всю ячейку и закрывает сам текст-ссылку. И если мне и пришлось бы прописывать ее в CSS то нужно было бы создавать по ячейке слева от текста-ссылки чтоб ее туда вставить фоном(ячейка является частью вертикального меню, в котором находится примерно дюжина таких ячеек по вертикали), а так ( Alt="" ) обойдусь и картинками ...
Dash: Если картинка не несёт какого-то смысла - прописывайте пустые альты
Dash: Достаточно написать alt=""
Спасибо, буду пробовать
Dash: А вообще стрелочку можно через CSS вставить, поисковики и не узнают
Возможно я был не внимательным, но, разве, через CSS можно прописать именно изображение ? Мне казалось, что только фон - background-image: url , в этом случае мне пришлось бы дописывать приличную часть кода ... а так - Еще раз спасибо за Alt=""
Нужно мне вставить в код изображение "стрелочку" перед гиперссылкой , но в таком случае Валидатор начинает возникать, что к каждому изображению нужно прописать ALT-ы !
Без проблем, но как тогда поисковики к такому начнут относится (если к каждому альту прописать куда ведет соседняя ссылка) ?
ИМХО, бессмысленно искать ошибку, если сам подход неправильный.
Большое Спасибо за ссылку, буду изучать :)
С CSS первый раз имел дело , вот о таких тонкостях и не знал - в html все отлично работало и грузилось , но уж очень грязно было 🙄
Спасибо!
Пути к файлам на диске и пути к файлам на сайте указываются по разному, поэтому браузер не может найти картинку и соответственно подгрузить и отобразить ее.
Но почему же тогда обычные image и background прописанные в html без проблем грузятся, а пути через CSS файлы "теряются" ?
Стена сломана ,,, почему-то не помогло 🙅
Все работает ОТЛИЧНО если читать страницу из определенной папки и только из нее
Если перенести ВСЕ на соседний диск, или, хотя бы, в другую папку, в странице снова появляются "белые дыры", все изображения, прописанные в CSS, снова не "грузятся" (хоть dreamweaver в своей "колонке просмотра" таки намекает, что изображение "загружено"), в то время как обычные imsge и background проипсанные в html без проблем отображаются 😕
Однако, если "стили" сделать частью html документа то все снова-таки работает Отлично :
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 файлы грузится ВСЕ,,, кроме изображений 😡
BACKGROUND-IMAGE: url(../images/vesna.gif);
Примененное к ячейке, путь Без кавычек, используется "../" в начале , и оно работает ?! 😕
а у меня, почему-то, нет :( пойду биться головой об стену 🙅
td.leftup0 {
background-image: url(../images/leftup0.gif);
background-repeat: no-repeat;
width: 29px;
height: 26px;
background-position: left bottom;
}
Напишите примерно так. Некоторые браузеры не любят, когда все в одну строчку идет. + явно опишите, что стиль для столбика, т.е. td.имя_стиля. Должно работать. Проверьте пути к фоновому изображению (у меня, например, файлы стилей находятся в отдельных папках, а потому нужно дополнительно указать ../)
Спасибо, буду иметь ввиду но я уже пробовал в CSS вписать один лишь background к определенной ячейке, без размеров, оно все-равно не работает.
Имя стиля для ячейки <td></td> - я так и делаю, или я что-то пропустил в приведенном примере ?
По поводу путей - я вобще пробовал рисунок (который должен стать фоновым) засунуть в основную папку, где хранятся html файлы, но и так оно не работает - просто "белая дыра" посреди страницы
Дабы не плодить темы задам свой вопрос здесь
В составе страницы есть более 20 изображений. Одна часть (малая) вставлена как img, а другие мне нужно вставить как фоны по разным ячейкам таблицы .
Те что img просто вписаны в html код , а те которые должны стать фоновыми изображениями будут прописаны через CSS
.Ska3{width:810px; height:22px; background: url("Fon/S-ka-Kutter-3.jpg");}
А в html-е будут иметь следующий вид :
<TBODY>
<tr><td class=sh-ka2></td></tr>
<tr><td class=Ska3></td></tr>
</tbody></table>
Кажется все верно !?
Но почему-то не работает 😡
Если прописывать фоновое изображение просто через
то все Отлично смотрится
BODY в CSS имеет следующий вид :
Подскажите, пожалуйста, что может быть не так ?
Изображение (7х8 -такая маленькая "стрелочка" , "указывающая" на текст) в ячейке (110х30) , в которой находится текст, являющийся гиперссылкой, в роли фона меня никак не устраивает; в этом случае она равномерно заполняет всю ячейку и закрывает сам текст-ссылку. И если мне и пришлось бы прописывать ее в CSS то нужно было бы создавать по ячейке слева от текста-ссылки чтоб ее туда вставить фоном(ячейка является частью вертикального меню, в котором находится примерно дюжина таких ячеек по вертикали), а так ( Alt="" ) обойдусь и картинками ...
Если картинка не несёт какого-то смысла - прописывайте пустые альты
Достаточно написать alt=""
Спасибо, буду пробовать
А вообще стрелочку можно через CSS вставить, поисковики и не узнают
Возможно я был не внимательным, но, разве, через CSS можно прописать именно изображение ? Мне казалось, что только фон - background-image: url , в этом случае мне пришлось бы дописывать приличную часть кода ... а так - Еще раз спасибо за Alt=""
Не хочу плодить темы, поэтому задаю вопрос здесь
По поводу Валидности кода !
Нужно мне вставить в код изображение "стрелочку" перед гиперссылкой , но в таком случае Валидатор начинает возникать, что к каждому изображению нужно прописать ALT-ы !
Без проблем, но как тогда поисковики к такому начнут относится (если к каждому альту прописать куда ведет соседняя ссылка) ?
МОДЕРАТОР - пожалуйста, удали тему !
Виноват - моя не внимательность