Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Простая задача со стилями
цитата
26/03/08 в 02:00
 dosug.nu
Такая таблица
<table width="300" height="250" border="1">
<tr>
<td>Text Text Text Text Text Text Text Text Text Text Text Text Text
<div align="right">
<a class="greyBottom">27 mar 2008 year</a>
</div>
</td>
</tr>
</table>

Нужно чтобы текст 27 mar 2008 year был всегда справа внизу таблицы! А вниз никак не удаеться разместить icon_sad.gif

Пробовал так
<div style="vertical-align:bottom " align="right">
<a class="greyBottom">27 mar 2008 year</a></div>

не получаеться.

Вигладить должно примерно следующим образом

--------------------------------------------------
Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text




______________________________27 mar 2008 year
--------------------------------------------------

Если это осуществимо, подскажите как!
цитата
26/03/08 в 03:12
 erobrand
вторую строку табличке добавь и отпозиционируй в новой ячейке как тебе удобно..
цитата
26/03/08 в 03:28
 dosug.nu
Да это понятно icon_smile.gif
Но не все так просто, там еще есть картинка слева и текст в некоторых случаях должен быть под ним. Этот пример я привел для простоты.

В общем чтобы красиво выглядело надо решить именно эту задачу.
цитата
26/03/08 в 07:41
 Corex
Один из вариантов:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>

<table width="300" height="250" border="1">
  <tr>
    <td style="height:100%;">
      Text Text Text Text Text Text Text Text Text Text Text Text Text
     
      <div style="height:100%; position:relative;">
        <div style="position:absolute;bottom:0;right:0;">
          <a class="greyBottom">27 mar 2008 year</a>
        </div>
      </div>

    </td>
  </tr>
</table>

</body>
</html>


Для первого дива можно(лучше) заменить height:100%; на фиксированную высоту.


Эта страница в полной версии