Добрый день, я сверстал HTML страничку, но ее структура далека от идеала - нерационально используются *.jpg в бэкграундах.

Подскажите пожалуйста, как можно реализовать создание бэкграундИмэджей в таблицах, по схеме:

-top.jpg >>> no-repeat
-middle.jpg >>> repeat-y
-bottom.jpg >>> no-repeat

Я так понимаю в этом построении идет экономия ресурсов трафика за счет единаждой загрузки "полоски" middle.jpg и дальнейшего ее повтора до скольки надо за счет repeat-y 
      

Присоединённый файл ( Кол-во скачиваний: 3 )
 matrograd.net.rar 148,57 Kb

разбиваете общий блок на несколько, делается это либо таблицей, либо вложенными дивами. укаждого свой бэкграунд. углы no-repeat, впромежутки - repeat-x и repeat-y

bars80080

С тегами <div> я не очень хорошо работаю.  

А если использовать <table> для этих целей, то надо каждый элемент разбивать на 3 мини <table> правильно?  

А зачем тебе 3 минитаблицы? одну с 3-мя колонками и у каждого столбца фон в цсс

Но я бы лучше всётаки посоветовал дивы освоить, они гибче и элегантней.

brother79

Т.е. лучше создавать одну таблицу и в CSS прописывать правила для ее трех <td>  

Ну а <div> я освою, но в ближайшее время не выйдет  

Ну да, цсс, довольно сильная штука. Первый раз мне тоже было страшно книжку по цсс читать, но на самом деле, используя цсс - можно любой блок перестроить как тебе надо, чтобы не лепить новых, соответственно потому дивы и приобретают популярность, а таблицы уходят в прошлое, что див - это нечно бесформенное, у которых мало что предопределенно, а всё остальное поведение стилями можно задать любое. Единственный случай, где я продолжаю юзать таблицы - когда надо сделать именно таблицу, с одинаковыми по высоте строками, т.к.  с дивами это геморно, или надо js подключать. Хотя если бы небыло микрософта - было бы намного проще.

brother79
Ну пока что попробовал только внутри таблиц использовать <div> с разными графичискими эфектами. А так что бы целую страницу сверстать блоками, то наверное еще не смогу=)

ПРОБЛЕМА РЕШЕНА!  

это будет выглядеть примерно так



для каждой ячеки (td), прописавыешь класс, где указываешь сам "background" и его свойства "repeat" и т.д.

А смысл делать 3 таблицы в каждой по 1 строке и по 1 столбцу? Можно 1 на 3 строки, без отступов и бордюров, а лучше вообще 3 дива у каждого:

float:left;
width:100%;
height:<высота>;

ну и соотвественно background со всеми нужными параметрами.

brother79, olegti
Спасибо, интресные методики, но все таки я так понимаю <table> использовать это действительно по олдскульному. 
Буду учиться <div> стилю      

а это зачем, для вертикально расположенных дивов?


olegti, это будет выглядеть примерно так
смотрите, как чисто и аккуратно смотрится разметка в соответствии с правилами css, даже на таком маленьком примере

Не спорю, есть и другие варианты, но мне так проще. Есть вар-ны, когда дивы просто друг на друга ложатся, я иногда такие приёмы использую, но в этой теме немного плаваю, но если им поставить float:left и по ширине они не влезают - то они железно друг за другом лягут.

Вообще всегда есть масса вар-ов вёрстки, с одним результатом внешне, и всегда можно выбрать.

Добавлено через 1 минуту и 46 секунд


Ты забыл про высоту строки, т.к. если картинка будет фоном, а не img - то надо высоту руками писать 

brother79, я всего лишь переписал то что предложил olegti, там много чего нет