Совмещение текста на картинке

[Вальдемар]

Всем бодрого времени суток:)/>/>

Вот такая загвоздка у меня...

У меня сайт, внизу которого футер с картинкой (сплошная на всю длину).

Задался целью сделать там надпись, на этом футере, но не тут то было.

Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами.

Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст.

Вот как у меня в CSS записано отображение картинки:

#footer {

position: relative;

margin-top: -2.5em;

background: url(images/img01.gif) repeat;

}

Туда пытался вставить:

.center p {

text-align: center; Для того чтобы выравнять текст по центру окна

}

При попытке вставить в ХТМЛ документе центровку, часть картинки повторяется внизу (картинка не однообразная, а с рисунком) и тоже не корректно отображается.

И кстати, может пригодится инфа. Картинка до этого не прилегала к самому низу окна, а было небольшое расстояние (белый фон 2-3мм)

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

Может есть знающие люди здесь? Помогите пожалуйста.

Благодарю.

Edited November 18, 2012 by Вальдемар

[Николя223]

страх то какой ... никогда с таким не сталкивался... =)

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

P.S: В который раз пишу (и не я один)... Вам потребуется гугл хром 1 штука, кликайте правой крысиной клавишей по непонравившемуся элементу и выбирайте нижний пункт меню "Просмотр кода элемента"...

хром, вам всю её подноготную покажет....

[Вальдемар]

Конечно спасибо за ответ.

Но вопрос был поставлен маленько по другому...

Как вставиться текст, оставив картинку на месте (без изменений)?