Не работает стиль CSS к ячейке

@DJZT · Регистрация: 21.12.2011

Студворк — интернет-сервис помощи студентам

HTML5
1
<td width="200px" class="button1_c"></td>

CSS
1
.button1_c {background-image: url('img_bar/5_c.png') repeat-x;}

Не работает фон(( Почему?

@Taatshi · 12.10.2012, 22:47

Путь к файлу изображения проверьте - верно ли прописан. Допишите цвет в бэкграунд

CSS
1
.button1_c {background-image: url('img_bar/5_c.png') repeat-x #ccc;}

Если цвет появится, а картинка - нет, значит проблема точно в путях.

@DJZT · 12.10.2012, 22:55 **[ТС]**

Сообщение от Taatshi

Путь к файлу изображения проверьте - верно ли прописан. Допишите цвет в бэкграунд

CSS
1
.button1_c {background-image: url('img_bar/5_c.png') repeat-x #ccc;}

Если цвет появится, а картинка - нет, значит проблема точно в путях.

нет. Не появился.

@Divil · 12.10.2012, 22:59

попробуй так:

CSS
1
.button1_c {background: url('img_bar/5_c.png') repeat-x #ccc;}

@DJZT · 12.10.2012, 23:07 **[ТС]**

Сообщение от Divil

попробуй так:

CSS
1
.button1_c {background: url('img_bar/5_c.png') repeat-x #ccc;}

аналогично. Я не знаю. или унаследовано от чего-то(( Но блин. создаю чисто на отдельной странице и всёравно((

@Divil · 12.10.2012, 23:15

вот так попробуй еще...

CSS
1
.button1_c {background: url('../img_bar/5_c.png') repeat-x #ccc;}

если нет, то так попроуй вместо class сделать id:

HTML5
1
<td width="200px" id="button1_c"></td>

CSS
1
#button1_c {background: url('img_bar/5_c.png') repeat-x #ccc;}

@DJZT · 12.10.2012, 23:16 **[ТС]**

Сообщение от Divil

попроуй вместо class сделать id:

HTML5
1
<td width="200px" id="button1_c"></td>

CSS
1
#button1_c {background: url('img_bar/5_c.png') repeat-x #ccc;}

Добавлено через 53 секунды

CSS
1
.button1_c {background: url('../img_bar/5_c.png') repeat-x #ccc;}

вот так попробуй еще...

Пробовал. аналогично((( хз. Этих юкозовцев фиг поймёшь, как они это делают))

@Divil · 12.10.2012, 23:24

фишка вот в чем: вы <td></td> используете без <table> вот как я сделал:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
</head>
<link type="text/css" rel="stylesheet" href="style.css">
 
<body>
<table>
<td width="200px" id="button">Привет!</td>
</table>
</body>
</html>

CSS
1
2
3
#button {
background: #ccc;
}

@DJZT · 12.10.2012, 23:26 **[ТС]**

Сообщение от Divil

фишка вот в чем: вы <td></td> используете без <table> вот как я сделал:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
</head>
<link type="text/css" rel="stylesheet" href="style.css">
 
<body>
<table>
<td width="200px" id="button">Привет!</td>
</table>
</body>
</html>

CSS
1
2
3
#button {
background: #ccc;
}

Спасибо. Не дурак. Я выложил только тот код, который имеет смысел выкладывать. У меня там целая страница уже есть. Только вот именно фон ячейки не получается поставить.

@Divil · 12.10.2012, 23:38

хоть и звучит бредово, но может другая ячейка наложилась на эту?

@DJZT · 12.10.2012, 23:42 **[ТС]**

Сообщение от Divil

хоть и звучит бредово, но может другая ячейка наложилась на эту?

нет. Фишка в том, что по сосодству есть другие ячейки. И они норм, но тоже фон ен ставится. И содержимое ячейки нормально выводится. и картинка вставляется. А фон не хочет.

@newJS · 13.10.2012, 06:36

Сообщение от Taatshi

.button1_c {background-image: url('img_bar/5_c.png') repeat-x #ccc;}

Это и не должно работать, неправильно написано.
Зачем путать сокращенное и нормальное свойства.

тут все работает

HTML5
1
2
3
4
5
6
7
<table border="1" width="33%" cellpadding="0" cellspacing="0">
<tr><td class="c1">1
</td><td class="c2">2
</td></tr><tr><td colspan="2" class="c3">3
</td></tr><tr><td class="c4">4
</td><td class="c5">5
</td></tr></table>

CSS
1
2
3
4
5
.c1 {background:red url("pics/avant48.gif") no-repeat;}
.c2 {background:lime url("pics/chrome48.gif") no-repeat;}
.c3 {background:blue url("pics/firefox48.gif") no-repeat;}
.c4 {background-image:url("pics/ie48.gif"); background-repeat:no-repeat; background-color:green;}
.c5 {background:pink url("pics/opera48.gif") repeat-x;}

Сообщение от Divil

фишка вот в чем: вы <td></td> используете без <table> вот как я сделал:

Ага, без table низя, а без tr можно.

Сообщение от Divil

тут интересно, есть css, но ширину почему то в html задаем, причем неправильно, кто пиксели в html пишет?

В консоли лиса показывает все стили, какие унаследованы, какие переопределены....

@DJZT · 13.10.2012, 06:40 **[ТС]**

Сообщение от newJS

Это и не должно работать, неправильно написано.
Зачем путать сокращенное и нормальное свойства.

тут все работает

HTML5
1
2
3
4
5
6
7
<table border="1" width="33%" cellpadding="0" cellspacing="0">
<tr><td class="c1">1
</td><td class="c2">2
</td></tr><tr><td colspan="2" class="c3">3
</td></tr><tr><td class="c4">4
</td><td class="c5">5
</td></tr></table>

CSS
1
2
3
4
5
.c1 {background:red url("pics/avant48.gif") no-repeat;}
.c2 {background:lime url("pics/chrome48.gif") no-repeat;}
.c3 {background:blue url("pics/firefox48.gif") no-repeat;}
.c4 {background-image:url("pics/ie48.gif"); background-repeat:no-repeat; background-color:green;}
.c5 {background:pink url("pics/opera48.gif") repeat-x;}

Ага, без table низя, а без tr можно.

тут интересно, есть css, но ширину почему то в html задаем, причем неправильно, кто пиксели в html пишет?

В консоли лиса показывает все стили, какие унаследованы, какие переопределены....

Спасибо. Я уже нашёл. Инспектирование элементов в Опере помогло. Там было наследование от глобальных каркасных таблиц, вот и не получалось. Уже собственно и не надо. Переделал немного шаблон и всё)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

@Divil 8 / 8 / 10 Регистрация: 11.04.2012 Сообщений: 611
	12.10.2012, 23:38
	хоть и звучит бредово, но может другая ячейка наложилась на эту? 0