1

http://www.masterrenny.com/armorsmiths/ << 如您所见，我在阻止文本在图像 div 下向右浮动时遇到问题

这是我使用的代码

<style>
.prof { width:970px; overflow:hidden; margin-top:20px; }
.prof .title { font-size:35px; float:left; text-transform:uppercase; width:970px; overflow:hidden; font-weight:bold; z-index:9998; border-bottom:solid 1px #CCC; margin-bottom:20px; position: relative; }
.prof .img {width:300px; height:300px; overflow:hidden; margin-bottom:5px; padding:5px; border: solid #CCC 1px; z-index:9999; position: absolute; left:818px; background:white;}
.prof .meta { }
.prof .content {overflow:hidden; position: relative; }
</style>

<!--Prof Start-->
<div class="prof">
<div class="title"><?php the_title(); ?></div>
<div class="meta"></div>
<?php if(has_post_thumbnail()): ?>
<?php $fullImage = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'prof-feature'); ?>
<div class="img"></a> <img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" width='300' height='300' /></div>
    <?php endif; ?>
<?php the_content(); ?>
</div>
<!--Prof End-->

我似乎无法弄清楚:(

4

1 回答 1

0

将标题 div 移动到“wpslred”中。它将在那个红盒子里

于 2012-05-28T12:39:16.643 回答