0

私はhtml5の初心者で、スタイリング用のそれぞれのcssとともにいくつかのスタンドアロンhtml5ページを開発しています。以下の私の質問は非常に基本的なものかもしれませんが、解決策をたくさん探した後、ヒント/アドバイスを得たいと思ってここに問題を投稿することにしました。

ここに私の問題があります。CSS を含むスタンドアロンの HTML ページがあります。自分のマシンでローカルに Web ページを開くと、すべての CSS 設定が完全​​に適用されます。次に、dreamhost サーバーにアップロードし、アップロード後にページを開こうとすると、ページで使用されているテーブルで行ったすべての書式設定が失われますが、他のすべての書式設定は適切に見えます。書式設定は、ブラウザーだけでなく、Android Web ビューでもオフになります。サーバーにファイルをアップロードするときにルールが適用されないという問題が何であるかはわかりません。

以下は、htmlページでテーブルを使用する方法です:

<!-- Article 1 start -->

            <div class="line"></div>  <!-- Dividing line -->

            <article id="article1"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
                <h3>Comparison Symbols</h3>

                <div class="line"></div>

                <div class="articleBody clear">

                <p> If you’re writing programs in C, you need to use comparison symbols. The symbols C uses, their meanings, and examples are shown in the following table: </p>
                <p>
                    <table>
                              <tr>
                                <th>Symbol</th> 
                                <th>Meaning</th>
                                <th>Examples</th>
                              </tr>

                              <tr>
                                <td></td>
                                <td></td>
                              </tr>

                              <tr>
                                <td> < </td>
                                <td>Less than</td>
                                <td>2 < 6</td>
                              </tr>

                              <tr>
                                <td>==</td>
                                <td>Equal to</td>
                                <td>5 == 5</td>
                              </tr>

                              <tr>
                                <td>></td>
                                <td>Greater than</td>
                                <td>8 > 5</td>
                              </tr>

                              <tr>
                                <td><=</td>
                                <td>Less than or equal to</td>
                                <td>4 <= 5</td>
                              </tr>

                              <tr>
                                <td>>=</td>
                                <td>Greater than or equal to</td>
                                <td>9 >= 5</td>
                              </tr>

                              <tr>
                                <td>!=</td>
                                <td>Not equal to</td>
                                <td>1 != 0</td>
                              </tr>
                    </table>            
                </p>
                </div>
            </article>

以下は、テーブルの書式設定のために css で使用したコード行です。

/* table properties */

th {width:150px;
    text-align:left;
    font-weight:bold;
    text-decoration: underline;}
td {text-align:left}

どなたかアドバイスいただけると大変助かります。

4

1 に答える 1

1

サーバー上の css ファイルが古いバージョンに戻っていました。元に戻すことが解決され、css が次の構成を保持すると、問題は解決されました。

th {width:150px;
text-align:left;
font-weight:bold;
text-decoration: underline;}
td {text-align:left}
于 2012-11-01T05:13:20.410 に答える