За последние 24 часа нас посетили 16656 программистов и 1651 робот. Сейчас ищут 1685 программистов ...

Проблемы с отображением элементов

Тема в разделе "HTML и CSS", создана пользователем Kr1og5n, 5 авг 2014.

  1. Kr1og5n

    Kr1og5n Новичок

    С нами с:
    5 авг 2014
    Сообщения:
    1
    Симпатии:
    0
    Добрый вечер! Впервые имею дело с php и вставкой html макета в wordpress. В принципе, получается довольно неплохо, но на одном моменте я встал в ступор.
    Вот так выглядит макет, который я натягиваю на cms. Во всех браузерах одинаково.
    Код (Text):
    1. <div class="item">
    2.                 <div class="heading">
    3.                     <a href="#">YUDIZ BUTIK 3*</a>
    4.                     <span>2.4</span>
    5.                     <div class="clear"></div>
    6.                 </div>
    7.                 <div class="content">
    8.                     <img src="./img/search_img.jpg" alt="" class="image">
    9.                     <div class="info">
    10.                         ТУРЦИЯ<br>
    11.                         <span>Курорт: Кемер<br>
    12.                         Вылет: Москва
    13.                         <hr>
    14.                         Al, 2 ADL</span>
    15.                     </div>
    16.                     <div class="clear"></div>
    17.                 </div>
    18.                 <div class="dop_info">
    19.                     <span class="time">
    20.                         10.08, вс. - 13.08, ср. (4 дн.\3 н.)</span><br>
    21.  
    22.                     <span class="price"><span>13700 руб</span>26700 руб</span>
    23.                 </div>
    24.                 <input type="submit" value="КУПИТЬ" class="search_item_btn">
    25.             </div>
    Я заменил html на php в необходимых местах.
    Код (Text):
    1.  
    2. <div class="item">
    3.             <div class="is-post is-post-excerpt" class="<?php post_class(); ?>" id="post-<?php the_ID(); ?>">
    4.                 <div class="heading">
    5.                     <a href="#"><?php the_title(); ?></a>
    6.                     <span><?php echo(get_post_meta($post->ID, 'stars', true)); ?></span>
    7.                     <div class="clear"></div>
    8.                 </div>
    9.                 <div class="content">
    10.                     <?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'offers-thumb' ); } ?>
    11.                     <div class="info">
    12.                         <?php the_content(); ?>
    13.                     </div>
    14.                     <div class="clear"></div>
    15.                 </div>
    16.                 <div class="dop_info">
    17.                     <span class="time">
    18.                         <?php echo(get_post_meta($post->ID, 'date', true)); ?></span><br>
    19.  
    20.                     <span class="price"><span><?php echo(get_post_meta($post->ID, 'oldprice', true)); ?></span><?php echo(get_post_meta($post->ID, 'newprice', true)); ?></span>
    21.                 </div>
    22.                 <input type="submit" value="КУПИТЬ" class="search_item_btn">
    23.             </div>
    24.             </div>
    Добавил дополнительные поля и картинку заменил на миниатюру к записи.

    Далее начались проблемы, размер блоков увеличился и раздел акций пополз вниз.
    Выглядит это все в Хроме и Лисе некрасиво...
    Как и почему это произошло я не могу понять. Скорее всего дело в картинке, но в чем конкретно? Помогите определить в чем косяк...

    Вывод php кода:
    Код (Text):
    1. <div class="item">
    2.             <div class="is-post is-post-excerpt" class="class="post-39 post type-post status-publish format-standard has-post-thumbnail hentry category-offers"" id="post-39">
    3.                 <div class="heading">
    4.                     <a href="#">YUDIZ BUTIK</a>
    5.                     <span>5</span>
    6.                     <div class="clear"></div>
    7.                 </div>
    8.                 <div class="content">
    9.                     <img width="195" height="115" src="http://10.10.10.12/wp-content/uploads/2014/08/search_img.jpg" class="attachment-offers-thumb wp-post-image" alt="search_img" />                  <div class="info">
    10.                         <p>ТУРЦИЯ<br />
    11. <span>Курорт: Кемер<br />
    12. Al, 2 ADL</span></p>
    13. <hr />
    14.                     </div>
    15.                     <div class="clear"></div>
    16.                 </div>
    17.                 <div class="dop_info">
    18.                     <span class="time">
    19.                         10.08, вс. - 13.08, ср. (4 дн.3 н.)</span><br>
    20.  
    21.                     <span class="price"><span>13700 руб</span>26700 руб</span>
    22.                 </div>
    23.                 <input type="submit" value="КУПИТЬ" class="search_item_btn">
    24.             </div>
    25.             </div>
    Добавлено спустя 23 минуты 5 секунд:
    Кажись методом тыка определил в чем проблема.
    Wordpress автоматом подставляет тег <p> в <?php the_content(); ?>

    Есть вариант, как этого избежать?
     
  2. fapfap

    fapfap Новичок

    С нами с:
    13 авг 2014
    Сообщения:
    2
    Симпатии:
    0
    Смотрели что делается внутри функции the_content()?
     
  3. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Убрать паддинги и маргины или установить свои.