Делаю так, чтобы текст был поверх картинки(узор на заднем фоне слева вверху):

<div align="left"; style="position:relative; z-index:2; top:-18; left:-18;"><img src="images/flowers.gif"></div>

<div style="position:relative; z-index:3; top:-269;">текст</div>

Но проблемка в том, что когда я текст пододвигаю на картинку, внизу остается пустое пространство

Возможно сделать так чтобы этого пустого пространства внизу под текстом не было?

возможно. Изучив технологию, которой вы пользуетесь.
Ваш код кривой и работать будет так, как его сможет отрендерить броузер, а не так, как вам кажется он должен работать.

Если честно -- мало , что понял из приведённого. Ну дивы, ну позиционируются. И? Как говорят, "кашпировские в отпуске".
karamba,

Dismal, а без бубна пробовали?

зачем position указаны с минусовыми значениями?
ещё и align как-то по-извращенчески.

Цитата:

Dismal, а без бубна пробовали?

Я не дизайнер, только так и получается

Есть картинка, под ней абзац текста, надо чтобы этот абзац текста был на картинке. В результате сделал вот так:

<span style="position:absolute; z-index:2;"><img src="images/flowers.gif"></span>
<span style="position:relative; z-index:3;">абзац текста</span>

И еще картинку надо слегка пододвинуть вправо вверх:

<span align="left"; style="position:absolute; z-index:2;"><span style="position:relative; z-index:1; top:-18; left:-18;"><img src="images/flowers.gif"></span></span>
<span style="position:relative; z-index:3;">абзац текста</span>

Вот эти цветочки под текст я и поместил:

А бэкграундом религия не позволяет?

Jamakaser писал(а):

А бэкграундом религия не позволяет?

именно так и надо блок с фоном и текст в этом же блоке.
Зачем матрешка из двух блоков? От встраивания таблицы в таблицу не как отвыкнуть не можете?

1. Не увидел значений: px например.
2. Почему это вы position:relative - даете абсолютные координаты? Багов хотите? Для того position:absolute придуман.

подойдите к решению проблемы по другому.
этот метод слишком сложен.

Цитата:

А бэкграундом религия не позволяет?

не позволяет.
1. делать однотонный фон - картинкой, значит увеличивать размер страницы и время загрузки.
2. если есть возможность не "замостить" а просто поставить картинку слева вверху, то все равно сдвигать немного нужно.

Цитата:

Не увидел значений: px например.

Это не абсолютные координаты, надо просто пододвинуть слой влево вверх на 18 пикселей. Добавил "px" к значениям.

Цитата:

подойдите к решению проблемы по другому. этот метод слишком сложен.

отображает так как надо, вроде багов ни в Opera ни в IE не наблюдается

Dismal писал(а):

2. если есть возможность не "замостить" а просто поставить картинку слева вверху, то все равно сдвигать немного нужно.

Давайте я вам глаза открою - бэкграунд можно двигать!
Ура! Ура! Ура!

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

background:url(img/mypic.gif) no-repeat 10px 10px;} типа того. Изучайте свойство repeat для фона. Им можно творить интересный вещи

http://htmlbook.ru/css/background.html
http://htmlbook.ru/css/background-attachment.html
http://htmlbook.ru/css/background-color.html
http://htmlbook.ru/css/background-image.html
http://htmlbook.ru/css/background-position.html
http://htmlbook.ru/css/background-repeat.html

Dismal, хотите, чтобы за вас всё разжевали и в рот положили?
Если да, то так вы никогда ничему не научитесь.
А тем, кто вам помогает, рано или поздно надоест за вас всё делать.

Если без стеба, то вариант прост:

[cyber]form конечно прав насчет того, что нужно учится самому. Как правило решение лежит на поверхности

Да с обучаемостью все отлично, просто полРунета уже облазил в поисках нужного свойства, и ушел в дебри z-index

Спасибо за пинок в нужном направлении

Dismal, если что-то не получается с вёрсткой, всегда идите на htmlbook.ru или webmascon.com
вы, видимо, где-то не там ищите.