Помогите доработать вид новостей для html сайта - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Помогите доработать вид новостей для html сайта
Помогите доработать вид новостей для html сайта

Snaik
Пользователи
Сообщений 9
+
0
-
Ваши награды 0
Snaik написал: В ответ пользователя Snaik Написано 31 Января 2013 в 21:50
Сообщение № 1
Дорогие друзья, переделываю дизайн и столкнулся с проблемой. Вот скриншот:


суть проблемы в том, что если информация указана в описании слишком короткая, то вид новостей съезжает. А нужно, что он автоматически фиксировался, и виду новостей не было важно какая в нем информация (короткое описание или нет) а оно все равно бы растягивалось до этого места. Код в html (помогите исправить html код - сайт будет использоваться в html виде)

вот в данном блоке проблема

Код
    
      <div class="messages">
       <table style="padding:15px" width="660" cellpadding="0" cellspacing="0">
        <tr>
         <td class="bread">Главная»</td>
        </tr>
        <tr>
         <td><!-- Вид м. -->
         <table style="border:0;border-bottom:1px solid #E1E1E1;padding-top:5px;padding-bottom:5px;" cellpadding="0" cellspacing="0">
          <tr>
           <td valign="top" style="padding:5px;"><img align="left" src="img/noimg.png"></td>
           <td style="padding-top:7px;" valign="top">
           <div style="float:right;padding-top:3px;">
            26.03.2012
           </div>
           <div class="title">
            <a href="#">Цезорь</a>
           </div>
           <div class="news">
<b>Вес:</b> 670г<br>    
<b>Цена:</b> 400руб<br>
<b>Состав:</b> Рыба, рис, икра<br>

<u>В наборе:</u><br>    
Цезарь 1шт,<br>    
Филадельфия 1шт,<br>    
Классика с лососем 1шт.<br>
Суши - с лососем 1шт.
           </div>
           <div style="float:right;padding-top:6px;">
            <div style="text-align: right;"><a class="read" href="#">читать далее...</a></div>
           </div>
           <div class="other">
            <a class="com" href="#">228 комментариев</a><span class="viv">666 просмотров</span>
           </div></td>
          </tr>
         </table>


если описание длинно то все в порядке. Вот длинное описание

Код
      <table style="border:0;border-bottom:1px solid #E1E1E1;padding-top:5px;padding-bottom:5px;" cellpadding="0" cellspacing="0">
          <tr>
           <td valign="top" style="padding:5px;"><img align="left" src="img/noimg.png"></td>
           <td style="padding-top:7px;" valign="top">
           <div style="float:right;padding-top:3px;">
            26.03.2012
           </div>
           <div class="title">
            <a href="#">Российские цены на новый BMW М6 Купе</a>
           </div>
           <div class="news">
            Компания BMW Group Россия объявляет цены на самую долгожданную новинку 2012 года подразделения BMW M GmbH – новый BMW М6 Купе. Этот высокоэффективный спортивный автомобиль обладает силой и уверенностью, не имеющих себе равных в премиум-сегменте. BMW М6 Купе будет доступен для заказа в России с июня 2012 года.
           </div>
           <div style="float:right;padding-top:6px;">
            <a class="read" href="#">читать далее...</a>
           </div>
           <div class="other">
            <a class="com" href="#">13 комментариев</a><span class="viv">666 просмотров</span>
           </div></td>
          </tr>
         </table>
«Пред. тема След. тема»

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 31 Января 2013 в 22:16
Сообщение № 2
Код
      
       <div class="messages">  
        <table style="padding:15px" width="100%" cellpadding="0" cellspacing="0">  
         <tr>  
          <td class="bread">Главная»</td>  
         </tr>  
         <tr>  
          <td><!-- Вид м. -->  
       <table style="width:100%;border:0;border-bottom:1px solid #E1E1E1;padding-top:5px;padding-bottom:5px;" cellpadding="0" cellspacing="0">  
           <tr>  
            <td valign="top" style="padding:5px;"><img align="left" src="img/noimg.png"></td>  
            <td style="padding-top:7px;" valign="top">  
            <div style="float:right;padding-top:3px;">  
             26.03.2012  
            </div>  
            <div class="title">  
             <a href="#">Цезорь</a>  
            </div>  
            <div class="news">  
<b>Вес:</b> 670г<br>     
<b>Цена:</b> 400руб<br>  
<b>Состав:</b> Рыба, рис, икра<br>  

<u>В наборе:</u><br>     
Цезарь 1шт,<br>     
Филадельфия 1шт,<br>     
Классика с лососем 1шт.<br>  
Суши - с лососем 1шт.  
            </div>  
            <div style="float:right;padding-top:6px;">  
             <div style="text-align: right;"><a class="read" href="#">читать далее...</a></div>  
            </div>  
            <div class="other">  
             <a class="com" href="#">228 комментариев</a><span class="viv">666 просмотров</span>  
            </div></td>  
           </tr>  
          </table>
      
подпись: S@Nek
Форум » Форум веб мастеров » html & css » Помогите доработать вид новостей для html сайта
Страница 1 из 11
Поиск:
Топ пользователей: