0

ホームページに CSS を適用し、ナビゲーション バーがリストになっている他のすべてのページのヘッダーとして CSS を適用しました <LI>… <UL>。<a href>ただし、 「マウスオーバーホバー」と一緒に取り除くことはできなくなりました。<ul ...li>初期設定とは関係なく、単純な HTML href リンク (!) を使用できなくなりました。ホームページ (CSS) の元の設定と同じ色、形、マウス オーバーが自動的に取得されます。これは、大きな画像を自分の絵の小さなサンプル画像 (親指の爪) にリンクしようとするときに特に厄介です。

私はインターネットで答えを見つけようとしています。多くのフォーラムで、私だけではないことがわかります。発生している問題のようです。しかし、提供された提案は機能しません (または、それらを適用する方法がわかりません)。
私はCSSが初めてです。私は数年前に HTML を学びました。

<style>

ul

{

float:top;center;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}

a

{

float:left;

width:9em;

text-decoration:none;

color:Azure;

background-color:#000033;

padding:0.3em 0.7em;

border-right:1px solid white;

}

a:hover {background-color:#D4AF37;}

</style>

</head>

<body>

<ul>


</ul>

</td>

</tr>

<tr>

 <td>

<style>

ul

{

float:top;right;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}

a

{

float:left;

width:9em;

text-decoration:none;

color:Azure;

background-color:#470647;

padding:0.3em 0.7em;

border-right:1px solid white;

}

a:hover {background-color:#D4AF37;}

</style>

</head>

<body>

<ul>


</ul>

</td>

</tr>
4

2 に答える 2

0

あなたが何を求めているのかはかなり不明であり、提供されたコードは複数の場所で無効です. - css は有効ではないと言えます - html は有効ではありません。

    <html>
<head>
<style ="text/css">
tr, td {
    border: solid 1px red;
}
</style>
</head>
<body>
<table>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                        <p> this is an ul with multiple levels</p>
                            <ul>
                                <li>list item level 1 - item 1 - product 1</li>
                                <li>list item level 1 - item 1 - product 2</li>
                                <li>list item level 1 - item 1 - product 3</li>
                                <li>list item level 1 - item 1 - product 3
                                    <ul>
                                        <li>list item level 2 product 1</li>
                                        <li>list item level 2 product 2</li>
                                        <li>list item level 2 product 3</li>
                                        <li>list item level 2 product 4
                                            <ul>
                                                <li> list item level 3 product 1</li>
                                            </ul>
                                        </li>
                                    </ul>
                                <li>list item level 1 - item 2 - product 1</li>
                                <li>list item level 1 - item 3 - product 1</li>
                                <li>list item level 1 - item 4 - product 1</li>
                            </ul>
                        </td>
                    <td>
                <p> this is a table</p>
            <table>
                <tr colspan=2" >
                    <td>row 1</td>
                    <td>row 1</td>
                    <td>row 1</td>
                    <td>row 1</td>
                    <td>row 1</td>
                </tr>
                <tr>
                    <td>row 2</td>
                    <td>row 2</td>
                    <td>row 2</td>
                    <td>row 2</td>
                    <td rowspan="2">row 2</td>
                </tr>
                <tr>
                    <td>row 3</td>
                    <td>row 3</td>
                    <td colspan="2">row 3</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
    <p> if you notice rowspan is the equiv of going to the left or right and Colspan is the equiv of going up or down.  That's about as basic as a table gets</p>
</body>
</html>
于 2013-10-29T19:49:03.550 に答える