2

ヘッダーの横にテキストを移動しようとしていますが、マージンを使用して機能していません。移動しようとすると、各テキスト ボックスが個別の div タグであっても、すべてのテキスト ボックスが移動します。

これがこの部分の私のコードです

<body>
<div id="wrapper">
  <div id="header">
    <h4><strong>Qtek Australia</strong></h4>
    <div id="home">Home</div>
    <div id="Aboutus">About us</div>
    <div id="Contactus">Contact us</div>
     <div id="Location">Location</div>

  </div>

私は家を移動しようとしています, 私たちについて, 私たちに連絡し、ヘッダー「Qtek Australia」の右側にある場所, 助けてください

4

2 に答える 2

0

あなたのドキュメントのセマンティクスは非常に曖昧です。おそらく、見出しの中で STRONG を使用する必要はありません。見出しで表現されている考えを強調することを本当に意図していると考えられますが、見出しをより太く見せたいだけだと思います。次のように、CSS を使用してそれを実現しますh4 {font-weight:bold; font-size: 14em;}

あるトピックの第 4 レベルから始まるナビゲーションでページが最も理にかなっているということも考えられますが、その可能性は非常に低いです。ほとんどの場合、ナビゲーションはより高い位置 (h1 または h2 の下) に存在します。

順序付けられていないリストの場合、ナビゲーション自体はより一貫性があります。

<ul>
    <li>ホーム</li>
    <li>私たちについて</li>
    ...
</ul>

これには、ナビゲーション要素をセットとしても個別にもスタイルできるという利点もあります。

おそらく、これらすべての div で要素をラップする必要はありません。HTML のほとんどの要素 (見出し、リスト、段落) はコンテナーであり、配置や移動を含め、ほぼすべての要素を単独でスタイル設定できます。

たとえば、ナビゲーション リストを h4 の右側に配置する方法の 1 つは、h4 を「display:inline」または「float:left」でスタイルすることです。これにより、次の要素 (リスト) が同じ行に表示されます。 . その種のポジショニングにはさまざまな方法があり、これがあなたが求めているものかどうかさえ明らかではありません.

意味を明確にしてください。また、使用している CSS または JavaScript を投稿していただけると助かります。

于 2010-08-14T08:16:21.677 に答える
0

h4 を別の div にラップして、必要な場所に配置することができます。これがすでに試した方法である場合、別の方法として、左側に配置する 3 つの div を 1 つの div にラップし、残りの 4 つを別の div にラップして、これら 2 つの div を移動することができます。そうすることで分裂病にかかる可能性があるとしても、それはより簡単なはずです。

于 2010-08-14T07:47:59.587 に答える