Реклама на сайте Advertise with us

Простая задача со стилями

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 30.12.07
Сообщения: 24

Ссылка на сообщениеДобавлено: 26/03/08 в 02:00       Ответить с цитатойцитата 

Такая таблица
<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
--------------------------------------------------

Если это осуществимо, подскажите как!

0
 

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Ссылка на сообщениеДобавлено: 26/03/08 в 03:12       Ответить с цитатойцитата 

вторую строку табличке добавь и отпозиционируй в новой ячейке как тебе удобно..

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

0
 



С нами с 30.12.07
Сообщения: 24

Ссылка на сообщениеДобавлено: 26/03/08 в 03:28       Ответить с цитатойцитата 

Да это понятно icon_smile.gif
Но не все так просто, там еще есть картинка слева и текст в некоторых случаях должен быть под ним. Этот пример я привел для простоты.

В общем чтобы красиво выглядело надо решить именно эту задачу.

0
 

« ... full on ... »

С нами с 17.03.07
Сообщения: 670
Рейтинг: 1686

Ссылка на сообщениеДобавлено: 26/03/08 в 07:41       Ответить с цитатойцитата 

Один из вариантов:

Код:
<!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%; на фиксированную высоту.

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »