Раздвоение картинки
 

Здравствуйте.
Имеются две картинки.
Вот они:



Первая из них, при открытии html в браузере, "удваивается" снизу таким вот образом:

Вот код
Как это исправить?

Три <br> подряд уберите.

Помогло, спасибо!

А в этом случае что делать?

Никто не знает?

То же самое.

Да, помогло. Спасибо.

При добавлении текста, картинки вообще теряются.

lost8923142, текст в других элементах не так влияет на отображение картинок, как перемещение или удаление самих файлов этих картинок. Проверьте, на месте ли используемые в коде файлы:
Для облегчения переноса проекта из одного местоположения в другое лучше всего привести все пути к относительному виду.

Третий пример из вашего кода, например — img/trg.gif — указывает на файл trg.gif, который находится в папке img, которая, в свою очередь, будет запрашиваться браузером относительно того же пути, где лежит сам html-файл с приведённым кодом:

Все файлы на месте, кроме trg.gif, но он и не нужен.

У вас скриншот не совпадает с кодом. В коде АААА, а на скриншоте РРРР.
А вообще, да переосмысления, следует перечитать раздел в учебнике по HTML "Таблицы". И посмотреть, каким образом заполняется картинками бекграунд.

Да, я тоже заметил. В коде АААА, а в браузере РРРР. Что это может значить?

Если файлы картинок на месте, то может быть были перепутаны HTML-файлы?

Либо же, если файл единственный, то дело может быть в неверном определении кодировки файла браузером - тогда стоит добавить в код meta-атрибут charset с указанием кодировки текста.

Нет, файлы не перепутаны.
Добавил, получилось это:

lost8923142, судя по скриншоту, кодировку указали не совсем ту :)
Если вы не сохраняли явно в UTF-8, и пользуетесь стандартными редакторами из состава Windows (блокнотом?) — попробуйте указать виндовую кодировку для кириллицы:

---

Кстати, в путях до картинок, кажется, не хватает имени пользователя — обычно путь до рабочего стола выглядит как C:/Users/имя_пользователя/Desktop — проверьте ещё раз, пожалуйста, актуальность местоположения файлов картинок.

---

Upd:

Прикрепил к посту пример с исправленной кодировкой, original-utf8.html и original-win1251.html - файлы в кодировках utf-8 и windows-1251 соответственно.

Для ускорения решения оригинальной проблемы (повторение картинки) рекомендую перейти от оформления в виде html-тегов:
... к оформлению в виде CSS-стилей:
В таком виде намного легче управлять оформлением — в частности, чего не было в оригинале — свойство повторяемости картинки background-repeat. В архиве приложил дополнительный пример (файл example-utf8.html).

Спасибо. Корректно отображается только example-utf8. У остальные также картинка раздваивается.

Если ставите картинку фоном ячейки, она и будет занимать весь фон. Пробуйте разметку слоями, а не таблицей, если вам столь критично, чтоб фоном была именно картинка, а не фон.

Потому что в нём есть то,
Но я бы подумал над переносом картинки из стиля таблицы (table) в стиль строки (tr), она словно под строку, раз ещё и повторяться не должна.
А возможно, что именно картинка не так сильно и нужна — вот вам пример использования CSS вместо картинки, похожий результат оформления?
А их я не трогал, только сохранил в правильной кодировке (и совсем чуть-чуть автоматически отформатировал в редакторе кода) :)

Результат похожий, но нужна именно картинка.
Как это сделать?
Как это сделать?

Назрело несколько вопросов:
1) Как сделать отступ от таблицы (внизу)?
2) Почему при добавлении кода "font-size: 9pt" вот сюда "}table.main td {padding: 0px; /* аналог cellpadding */font-size: 9pt}</style>", то шрифт изменяется везде, а не только на одной таблице?
3) Какую роль выполняет картинка img/trg.gif? (Этот вопрос к Habetdin)

Используйте свойство padding-bottom

---

Возможно, что браузер "додумывает" и применяет данное свойство ко всей странице, т.к. для неё самой не задано никаких подобных свойств. Можно попробовать явно определить иное значение для основной части страницы:

---

Увидел её в Вашем коде и заменил её на заглушку за неимением оригинала:

Вставил код вот сюда:
Но как сделать отступ не от текста, а от картинки?
Покажите пожалуйста на примере, а то я разобраться не могу. Не только шрифт, но и картинка отображается в обоих случаях одна и та же.
Понятно. А почему она не отображается в браузере? (Хотя она и не нужна).



img/3.jpg

img/6.jpg:

Покажите пожалуйста на примере, а то я разобраться не могу. Не только шрифт, но и картинка отображается в обоих случаях одна и та же.

У вас получился документ с близнецом внутри себя, браузеру никак не построить нормально обе таблицы, не говоря уже об отличиях между ними. Необходимо добавить вторую таблицу под первую в единый документ, а не плодить два содержимых <body> друг рядом с другом :)

---

Из-за непонятного нагромождения элементов в коде документа. Если возникают проблемы с редактированием HTML-кода, может быть стоит попробовать онлайн WYSIWYG-редактор или тот же Microsoft Word?

При открытии в браузере получилось вот это:

lost8923142, опять кодировка файла не совпала с кодировкой из кода — нужно сохранить в UTF-8 :(
Кажется, проще всего заменить в этом участке кода "utf-8" на "windows-1251", раз не получается найти кодировку в редакторе.
Ну а помимо кириллицы, сами картинки то правильно в этот раза отображаются?

Да, в "windows-1251" текст отображается.
Да, картинки отображаются правильно. :yes:

А ещё вопросик, что сделать, чтобы этот код отобразился на странице браузера?
Отображается белый фон.

lost8923142, уберите этот скрывающий атрибут:

Спасибо большое, помогли. :)