Позиционирование элементов внутри ячейки

[Quazzii]

Вопрос в следующем.

Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз.

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

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

Заранее спасибо

Александр

[SelenIT]

Что такого уж трудоемкого в том, чтоб дописать во вторую ячейку rowspan="2", а внизу добавить еще одну tr-ку с одной <td valign="bottom">?

Еще простой вариант — одну из картинок сделать фоном.

Остальные варианты, имхо, не проще переделки таблицы...

[Quazzii]

Проблема в том что это надо сделать более чем на 200 страниц сайта и не мне а человеку который плохо разбирается в коде.

[psywalker]

Quazzii

Могу предложить вариант вашему человеку:

1) Создаёте два класса, например:

.vertical-top {vertical-align: top;}

.vertical-bottom {vertical-align: bottom;}

2) В ячейке, в которой картинка должна быть сверху, подставляете class="vertical-top", а к ячейке в которой картинка должна быть снизу, class="vertical-bottom" и пусть сидит, подставляет, хоть в 500-та страницах)))

[Quazzii]

Quazzii

Могу предложить вариант вашему человеку:

1) Создаёте два класса, например:

.vertical-top {vertical-align: top;}

.vertical-bottom {vertical-align: bottom;}

2) В ячейке, в которой картинка должна быть сверху, подставляете class="vertical-top", а к ячейке в которой картинка должна быть снизу, class="vertical-bottom" и пусть сидит, подставляет, хоть в 500-та страницах)))

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

[Aurica]

Тут изменить 2 строчки всего... Какой бы ни был человек начинающий, на 5-6 странице именно в этом вопросе он еще вас научит где и что менять. Повторив это 200 раз ему этот код снится будет и поднимете его ночью - он скажет где и что нужно вставить...

<td style="height:100px; border:1px solid; vertical-align:top; background:url(clock.png) no-repeat left bottom">
<img src="clock.png" />
</td>

Сами строчки-то вы составить можете, а ctrl+c, ctrl+v еще никто не отменял...

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

P.S. Прошу прощения... я не заметила что вы хотите сделать это с помощью CSS... только CSS - не знаю. Но хотя бы классы ему проставлять 200 раз все равно придется. Так что какая разница: класс или полностью строчки?

P.P.S А если вы хотите, чтобы он вообще ничего не менял сам, то можете написать программку, например, на перле, которая это сделает сама хоть на 200 страницах, хоть на 500... Останется только закинуть все файлы в одну директорию и запустить ее.

Edited May 12, 2009 by Aurica

[psywalker]

Aurica

Ваш способ лёгкий до тех пор, пока эти картинки не окажутся активными ссылками, а если так будет, то что вы можете предложить?

[Aurica]

psywalker, а в данном случае они должны быть активными?

я в курсе вашей ветки, может там кто решение и подскажет. Там уже кто-то говорил про onclick для td. Так что можно попробовать обе сделать кликабельными

Edited May 12, 2009 by Aurica