Поддержка Проблемы и решения Не могу разделить аватар и мета-данные с помощью float

  • Решено vankosamar

    (@vankosamar)


    Не могу разделить аватар и мета-данные с помощью float в файлах home.php и single.php. Сейчас положение аватарки и метаданных (биографии автора) относительно друг друга таково, что они друг под ругом )аватар над мета-данными). А мне надо, чтобы они были на одном уровне: фотка слева от метаданных.

    Сейчас у меня такой код в home.php :

    ===========================================

    <?php
    /**
    * Themescapes Torn home.php
    */

    get_header(); ?>

    <div id=»contentall»>

    <div id=»contentbox»>

    <div class=»riptop»></div>

    <div id=»content»>

    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div <?php post_class() ?> id=»post-<?php the_ID(); ?>»>

    <h2>» rel=»bookmark» title=»Permanent Link to <?php the_title(); ?>»>
    <?php the_title(); ?>
    </h2>

    <div id=»author-info»>
    <div id=»author-image» {
    float: left;
    }
    «><?php echo get_avatar( get_the_author_meta(‘user_email’), ’80’, » ); ?>
    </div>
    <div id=»author-bio» {
    float: right;
    }

    #main div#author-info {
    background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: auto;
    }
    #main div#author-info div#author-image {
    float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
    }

    <h4>Автор поста: <?php the_author_link(); ?></h4>
    <p><?php the_author_meta(‘description’); ?></p>

    <p>Все сообщения автора поста: <?php the_author_posts_link(); ?> </p>
    <p><?php the_author(); ?> написал <?php the_author_posts(); ?> постов в блоге <?php bloginfo(‘name’); ?></p>
    Когда: <?php the_time(‘F jS, Y’) ?></p>
    <p> Категория <?php the_category(‘, ‘) ?></p>

    </div>
    </div>

    <div class=»storyheader»>

    </div><!— end of div storyheader —>

    <?php the_content(‘Читать дальше… »’); ?>
    </div>
    <div class=»storyfooter»>
    <p class=»postmetadata»>

    <?php the_tags(‘Теги: ‘, ‘, ‘, ‘
    ‘); ?> Категория <?php the_category(‘, ‘) ?> |
    <?php edit_post_link(‘Редактировать’, », ‘ | ‘); ?>
    #comments»><?php comments_number(__(‘Leave a Comment’), __(‘1 Comment’), __(‘% Comments’)); ?></p>
    </div><!— end of div storyfooter —>
    <!—
    <?php trackback_rdf(); ?>
    —>
    <?php wp_link_pages(); ?>

    <?php comments_template(); // Get wp-comments.php template ?>

    <?php endwhile; ?>

    <?php else : ?>
    <h2 class=»center»>Not Found</h2>
    <p class=»center»>
    <?php _e(«Sorry, but you are looking for something that isn’t here.»); ?></p>

    <?php endif; ?>

    <div class=»navigation»>
    <?php posts_nav_link() ?>
    </div>
    <div style=»clear:both;»></div>
    </div><!— end of div content —>

    <div class=»ripbottom»></div>

    </div><!— end of div contentbox —>

    <?php include(TEMPLATEPATH.»/sidebar.php»);?>

    <div style=»clear:both;»></div>

    </div><!—end of div contentall —>

    <?php torn_slider_menu_home_implement(); ?>
    <?php get_footer(); ?>

    =====================================

    Проблема в том, что не получается правильно включить функцию float.
    Может, я че-то не там пишу, а?

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • <div id="author-image" style="
    float: left;
    ">

    Аналогично райт

    Решил проблему:

    В файлах single.php и home.php своей темы добавил после тега
    <div class=»storyheader»> вывод инфы:

    =================================

    <div id=»authorarea»>
    <div id=»author-image»>
    «><?php echo get_avatar( get_the_author_meta(‘user_email’), ’80’, » ); ?>
    </div>
    <h4>Автор поста: <?php the_author_link(); ?></h4>
    <p><?php the_author_meta(‘description’); ?></p>
    <p>Все сообщения автора поста: <?php the_author_posts_link(); ?> </p>
    <p><?php the_author(); ?> написал <?php the_author_posts(); ?> постов в блоге <?php bloginfo(‘name’); ?></p>
    <p> … <?php the_time(‘F jS, Y’) ?></p>
    <p>Рубрика <?php the_category(‘, ‘) ?></p>
    </div>

    ====================================


    А в style.css прописал в разделе #content:

    ===========================================

    #authorarea{
    background: #f0f0f0;
    border: 0px
    padding: 10px;
    width:650px;
    overflow:hidden;
    color: #000000;
    }
    #authorarea h3{
    font-size: 18px;
    color:#333;
    margin:0;
    padding:10px 10px 5px 10px;
    }
    #authorarea h3 a{
    text-decoration:none;
    color: #333;
    font-weight: bold;
    }
    #authorarea img{
    margin:0;
    padding:10px;
    float:left;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    }
    #authorarea p{
    color:#333;
    margin:0;
    padding:0px 10px 10px 10px;
    }
    #authorarea p a{
    color:#333;
    }
    .authorinfo{
    padding-left:120px;
    38 }

    В первом варианте был глюк <div id=»author-info»> — его снес, т.к. он был вообще лишним )

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Не могу разделить аватар и мета-данные с помощью float» закрыта для новых ответов.