Проблема с таблицами

[ret]

Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин

http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg

Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство.

<table border="1">
<tr id="shapka">
<td colspan="3">fgfdh</td>
</tr>
<tr id="osnova">
<td id="menuryad"><div id="menuobl"></div><div id="reklamaobl"></div></td>
<td id="osnovaryad">aergergrg</td>
<td id="statistikaryad">erger</td>
</tr>
</table>

*{margin:0px;padding:0px;border:none;outline:none;}


table {margin:0 auto 0 auto;width:1200px;height:1001px;border:1px solid #000;}
tr#shapka {background:url(shapka.png) no-repeat;background-position:top center;width:1023px;height:557px;border:1px solid #000;}
tr#osnova {width:1200px;height:701px;border:1px solid #000;}
td#menuryad {width:201px;height:701px;border:1px solid #000;}
#menuobl {width:201px;height:268px;background:url(menuobl.png) no-repeat;border:1px solid #000;}
#reklamaobl {width:201px;height:268px;background:url(menuobl2.png) no-repeat;border:1px solid #000;}

Edited July 21, 2010 by ret

[npofopr]

дык поставте картинкам align=middle

[ret]

где именно это прописывать?

[Searcher]

почитайте о свойстве vertical-align. А align=middle - не в тему, да и не делают уже оформление атрибутами.

[ret]

прочитал несколько раз, но так ничего и не понял(

где именно писать в html коде?

[smao]

прочитал несколько раз, но так ничего и не понял(

где именно писать в html коде?

Правило vertical-align:top пропиши для ячейки, в которой у тебя картинки, если я правильно понял суть проблемы.

А зачем в ячейку таблицы вставлять блок с беком из нужной картинки, не просто ли просто картинки эти вставить в ячейку?

Ну да ладно.

Edited July 25, 2010 by smao

[ret]

Да вот только где? В самой ячейки, в диве?

Вот код, покажите куда именно надо вставить. Menuobl и reklamaobl это и есть картинки.

<td id="menuryad"><div id="menuobl"></div><div id="reklamaobl"></div><fgfg/td>

Edited July 25, 2010 by ret

[s0rr0w]

Учите матчасть.

[ret]

Правило vertical-align:top пропиши для ячейки, в которой у тебя картинки, если я правильно понял суть проблемы.

А зачем в ячейку таблицы вставлять блок с беком из нужной картинки, не просто ли просто картинки эти вставить в ячейку?

Ну да ладно.

У меня есть ряд, в ряду 3 ячейки. Я блок вставляю с картинкой, т.е. ячейка размером 201х701 px, а блок (их два в ячейке,и в этом блоке картинка, т.е. блок это и есть картинка.) 201х268 px.

А не проще ли просто ответить? Я же код дал, просто вставьте туда данное свойство, если не трудно конечно.

все разобрался

[ret]

А можно ли приставить картинку в правую сторону? Background-position не получается. Есть ли горизонтальное выравнивание?

Edited July 25, 2010 by ret

[-O-J-A-]

text-align

[ret]

не с этим не получается

Единственно что это margin но пришлось ставить по отступами на пикселях.

Edited July 25, 2010 by ret

[ret]

Теперь с тексом проблемка), В общем в ячейки, есть блок с картинкой, а в этой картинке блок с меню, ну так вот блок с меню по размерам как и сама картинка (так чтобы ровно меню стояло), текст сам уровнял по центру, но можно ли сделать отступ от верхнего края блока? Так чтобы только текст вниз опускался, перерыл наверное все свойства текста,с margin сам блок сходит вниз,c padding нижняя часть увеличивается если делать отспут с верху. Остальные не подходят, с text-align только по середине поставил, неужели придется делать еще один внутри, чтобы все ровно стояло?

table {width:1168px;height:1258px;margin:0 auto 0 auto;}
tr#shapkaobl {width:1168px;height:557px;}
#shapka {width:1023px;height:557px;background:url(shapka.png) no-repeat;margin:0 auto 0 auto;}
tr#osnova {width:1168px;height:701px;}
td#menuryad {width:201px;height:701px;vertical-align:top;position:relative;}
#menu {width:201px;height:268px;position:absolute;border:1px solid #000;text-align:center;font-size:18px;line-height:35px;}
#menuobl {width:201px;height:268px;background:url(menuobl.png) no-repeat;}

<table cellpadding="0" cellspacing="0">
<tr id="shapkaobl">
<td colspan="3"><div id="shapka"></div></td>
</tr>
<tr id="osnova">
<td id="menuryad">
<div id="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Начать</a></li>
<li><a href="#"target="_blank">Форум</a></li>
<li><a href="#">Бонус</a></li>
<li><a href="#">Донат</a></li>
</ul>
</div>
<div id="menuobl"></div><div id="reklamaobl"></div></td>