0

コンテンツからナビゲーション テキストを分離するために、ページの中央部分に 1 ピクセルまたは 2 ピクセルの小さな線を引きたいと考えています。線の上部と下部で線を背景色にフェードさせたい（わかりました、透明にフェードするだけです）が、線の中央の黒一色の部分をコンテンツdivのサイズで拡大したい右。

読みにくいですか、詳しく説明する必要がありますか?

編集：私はテーブルですべてをやったので、もっと簡単になると思います。今私の問題は、行の中央部分を「コンテンツ」という名前の他のテーブルセルで展開することです。セルに固定の高さを設定したくないため、「コンテンツ」セルに基づいてサイズを変更したいため、sep_mid セルを除いてすべてが機能します。

これが私のコードです：

HTML:

<body>
    <div id="wrapper">
        <table align="center">
            <tr>
                <td class="nav" rowspan="3"><p>test</p></td>
                <td class="sep_top" rowspan="1"></td>
                <td class="content" rowspan="3"><p>Content here!</p></td>
            </tr>
            <tr> <td class="sep_mid" rowspan="1"></td> </tr>
            <tr> <td class="sep_bot" rowspan="1"></td> </tr>
        </table>
    </div>
</body>

CSS:

body {
    background-color: #bbc2c7;
    background-image: url('/images/bg.png');
    background-repeat: repeat-x;
}

body p {
    font-family: Delicious;
}

@font-face {
    font-family: "Delicious";
    src: url('/fonts/delicious.ttf');
}

@font-face {
    font-family: "Delicious";
    src: url('/fonts/delicious_bold.ttf');
    font-weight: bold;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#wrapper p {
    font-weight: bold;
    font-size: 16px;
    font-family: Delicious;
}

.nav {
    text-align: right;
    padding-right: 20px;
}

.sep_top {
    background-image: url('/images/sep_top.png');
    background-repeat: no-repeat;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 1px;
    height: 15px;
}

.sep_mid {
    background-color: #000;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 1px;
}

.sep_bot {
    background-image: url('/images/sep_bot.png');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    width: 1px;
    height: 15px;
}

.content {
    padding-left: 20px;
}

table {
    border-collapse: collapse;
}

table td {
    border-collapse: collapse;
}
4

1 に答える 1

0

空のテーブルセルには、たとえそれがただであっても、少なくともいくつかのコンテンツが含まれている必要があると思います&nbsp;

于 2012-05-02T18:43:59.313 に答える