如果我在其中插入文本,框会跳闸

时间:2011-11-07 16:17:19

标签: html css

*通过强化研究*

解决

[DOWNLOAD CODE, NO COPYRIGHT =)] .rar文件(在打开之前始终扫描.rar - F4LLCON

问题是如果没有文字,每行都会放置2个框,但文本框中则是 以间距出现在彼此之下。要在<style>中使用<head>的方框中获取文字。

如何解决这个烦人的问题?

图片:LINK http://img526.imageshack.us/img526/5533/spacecf.jpg

如果没有p和h3,两个回音文本都会显示在框内,而不会出现在框IMAGE http://img856.imageshack.us/img856/1614/crapy.jpg

代码:

<style>
        p {
        position:relative;
        top:-240px;
        left:180px;
        }
        h3 {
        position:relative;
        top:-270px;
        left:30px;
        }
</style>

<div class="offers">
    <div class="content_box">
        <?php
            while($products = mysql_fetch_array($result)) {
                echo '<img src="includes/images/content_box.png" border=0/>';
            //  echo "<h3>" . $products['products'] . "</h3>";
            //  echo "<p>" . $products['description'] . "</p>";
            }   
        ?>
    </div>
</div>

决定:

<STYLE TYPE="text/css">
#title{color:red; padding-bottom: 240px; padding-left: 25px;}
#desc{color:blue; padding-bottom: 135px; padding-left: 5px;}
</STYLE>
</head>

<div>
    <?php while($products = mysql_fetch_array($result)) {?> 
        <table align="left" background="includes/images/box.gif" width="473" height="285">
            <tr>
                <td width="35%" height="100%" id="title">
                    <?php echo $products['products'] . "&nbsp"; ?>
                </td>
                <td width="70%" height="100%" id="desc">
                    <?php echo $products['description'];?>
                </td>
            </tr>
        </table>
    <?php
            }   
        ?>
</div>
</body>

对某些人来说这可能很容易,但我是新手。 现在工作正常。

感谢您给我指示,感谢Google和Stackoverflow提供了很多帮助=)

enter image description here

1 个答案:

答案 0 :(得分:2)

我觉得content_box.png是右边框的背景吗?

而不是将它包含在一个div的背景中创建它与类似

的类

CSS:

    .product_box {
         bacground:url(includes/images/content_box.png);
         width:xxxpx; /* the width of conrent_box.png */
         height:xxxpx; /* the height of conrent_box.png */
         position:relative;
         float:left;
    }        

PHP:

    <?php 
        while($products = mysql_fetch_array($result)) {
            echo '<div class="product_box">';
        //  echo '<img src="includes/images/content_box.png" border=0/>';
            echo "<h3>" . $products['products'] . "</h3>";
            echo "<p>" . $products['description'] . "</p>";
            echo '</div>';
        }   
    ?>

希望它有所帮助!