Страница 1 из 1

[HTML] текст в строке - направо и налево

Добавлено: 2012-09-05 15:27:30
Alex Keda
есть строка текста, в таких тегах

Код: Выделить всё

<td class="EdeskMessageInfo" height="25"><a href="#">[удалить]</a> Сообщение №091419 | Сегодня в 14:22 | ооо XXX [Клиенты]</td>
вот он класс

Код: Выделить всё

td.EdeskMessageInfo {
    border:           1px solid #EAEAEA;
    background-color: #F8F8F8;
    background-Image: url(../../root/Images/CaptionBg.png);
    padding:          5px;
    text-align:       right;
}
надо ссылку на удаление "[удалить]" сместить влево, до упора, остальной текст - оставить справа...
два часа бьюсь - нифига не выходит - всё вправо уходит, слева пустое место остаётся
хоть таблицу туда вписывай =((

Re: [HTML] текст в строке - направо и налево

Добавлено: 2012-09-05 18:12:50
FreeBSP
вариант

Код: Выделить всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <style type="text/css">
    td.EdeskMessageInfo {
        border:           1px solid #EAEAEA;
        background-color: #F8F8F8;
        background-Image: url(../../root/Images/CaptionBg.png);
        padding:          5px;
        text-align:       left;
    }
    td.EdeskMessageInfo div.ldiv {
        float:            left;
    }
    td.EdeskMessageInfo div.rdiv {
        float:            right; 
    }
  </style>
 </head>

 <body>
  <table border=1 width=100%>
  <tr>
   <td class="EdeskMessageInfo" height="25">
    <div>
     <div id="" class="ldiv"><a href="#">[удалить]</a></div>
     <div id="" class="rdiv">Сообщение №091419 | Сегодня в 14:22 | ооо XXX [Клиенты]</div>
    </div>
   </td>
  </tr>
  </table>
 </body>
</html>

Re: [HTML] текст в строке - направо и налево

Добавлено: 2012-09-05 19:16:50
Alex Keda
ага, пасиба
--
я делал подобное - но два дива рядом в третий всунуть не догаадался - получались на разной высоте слова....