私は15年前に書かれたように見えるサイトに取り組んでおり、それらは多くのhtmlスタイルを使用しています。だから、私はそれが応答できるようにするためにそれをすべて変更しようとしています。
彼らが持っていalign="right"
たのは、6つのリスト画像のうち3つにあり、2列3行のボックス構造を作成していました。私がやろうとしているのは、htmlアラインを取り出してIDに置き換えることです。そうすれば、後でそれを好きなように変更できます。ただし、IDを機能させることができません。私が試してみました:
li img #last-right {
text-align: right;
}
li#last-right img {
text-align: right;
}
これを機能させるためにCSSを間違って構成していますか?私はこれが悪いHTML設定であることを知っています、しかし私はそれを機能させようとしているだけです。
彼らはこれを持っていました:
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" align="right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200">
</li><li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" align="right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200"></li>
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam trailer" align="right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="spray foam rig" width="300" height="200"></li>
<li class="last"></li>
私はそれをこれに変更しました:
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" id="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200">
</li><li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" id="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200"></li>
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam trailer" id="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="spray foam rig" width="300" height="200"></li>
<li class="last"></li>
.last-right {
float: right;
}
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" class="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200">
</li><li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam machine" class="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="Spray foam equipment" width="300" height="200"></li>
<li class="last"><img src="images/Ad Boxes/300x200.gif" alt="spray foam trailer" class="last-right" width="300" height="200"><img src="images/Ad Boxes/300x200.gif" alt="spray foam rig" width="300" height="200"></li>
<li class="last"></li>
そして、あなたは不可能な3回のIDを使用しましたが、クロームでインスペクターを取得する場合はクラスを使用する必要があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加