0

わかりました。このライトグレーの表示は、タイトルバー「IndieNews」の曲線に近づきました。実際には背景が表示されており、ボーダーではありません。

画像へのリンク

私はこれを私のhtmlとして持っています、私はそれがテーブルの中にテーブルを持っていると思いますこれを引き起こしていますか？しかし、確かではありません。

<div id="contentwrapper">
    <!-- NEWS START -->
    <table width="100%"><tr><td>
        <div class="rounded">
            <div class="rounded_top">
                <div>Indie News</div>
            </div>
            <div class="rounded_content">
                <font align='Right'><a href="#" >Submit Your Story</a> </font>           
            </div>
            <div class="rounded_bottom">
            </div>
        </div> <!-- end of rounded-->
        <table><tr><td align='center'>
            <div id='coin-slider'>
                <a href="images/newsimage/minecraft1.jpg" target="_blank">
                    <img src='images/newsimage/minecraft1.jpg' >
                    <span>
                    Minecraft still an indy game?
                    </span>
                </a>
                <a href="images/newsimage/spider1.jpg">
                    <img src='images/newsimage/spider1.jpg' >
                    <span>
                    Spider just released!
                    </span>
                </a>
            </div><!--end of coin slider-->
        </td></tr></table><!--end of coinslider table-->
    </td></tr></table><!--end of news start table-->

    <!-- Reviews start -->
    <!-- Review #1 -->
    <table style="border:none;">
        <tr>
            <th rowspan="4" width="30%" bgcolor='#7e7e7e'><IMG SRC="images/review image/dj.jpg" ALT="Dinomight jack"></th>
            <td><a href="#" style="text-decoration:none" >Review of Dynimite Jack </a>
            </td>
        </tr>
        <tr>
            <td>By <i>Bob Bobby</i></td>
        </tr>
        <tr>
            <td>Now here's a surprisingly nice piece of news. Stealthy demolition game Dynamite Jack has already been a reasonable .</td>
        </tr>
        <tr>
            <td bgcolor='#7e7e7e'><a href="#" > 0 comments</a> | <a href="#" >Leave a comment</a> </td>
        </tr>
    </table><!--end of review table-->

</div><!--end of contenet wrapper-->

また、css ..

    /***************/
/* CONTENT */
/***************/
#contentwrapper{
display: table-cell;
width: 700px;
background: #919191;
border: None;

}

#contentcolumn{
margin: 0 20% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentwrapper table {
border: none;
width: 100%;/*around 700 max for images*/
border-collapse: collapse;
}




/***************/
/*content round box*/
/***************/
.rounded {
   background: #000000;
   width: auto;
}
.rounded_top div {
   background:  url(../images/up-left641.png) no-repeat top left;
}
.rounded_top {
   background: url(../images/up-right641.png) no-repeat top right;
}
.rounded_bottom div {
   background: url(../images/down-left641.png) no-repeat bottom left;
}
.rounded_bottom {
   background: url(../images/down-right641.png) no-repeat bottom right;
}

.rounded_top div, .rounded_top, 
.rounded_bottom div, .rounded_bottom {
   width: auto;
   height: 25;
   font-size: 24px;
   font-weight:bold;
   text-align:center;
   color:#ffffff;
padding:-40px;
}
.rounded_content { margin: 0 20 0 20;}
.rounded { color:#000000;}

すべての提案を歓迎します。グレンありがとう

4

2 に答える 2

2

通常、Web サイトを作成するときにスタイルをリセットして、ブラウザー間の互換性を確保することをお勧めします。スタイルは次のようになります。

*{
 margin:0;
 padding:0;
 border:0;
}

詳細については、http ://www.cssreset.com/ を参照してください。

于 2012-08-13T09:33:03.480 に答える
0

こんにちは、定義します #contentwrapper, .rounded border raius

#contentwrapper, .rounded{
border-radius:20px 20px 0 0;
-webkit-border-radius:20px 20px 0 0;
-moz-border-radius:20px 20px 0 0;
}
于 2012-08-13T09:32:50.423 に答える