CSS要素のタイトルが間違っています

ベッキー

私は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>
CodeWeis

.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]

編集
0

コメントを追加

0

関連記事

分類Dev

インスペクターのCSS要素が間違ったコード行を表示していますか?

分類Dev

タイムデルタ操作の結果が間違っています

分類Dev

コメントで始まるファイルのmimeタイプが間違っています

分類Dev

pysparkのOneHotEncoderのベクトルサイズが間違っています

分類Dev

xmlファイルのコメントの配置が間違っています

分類Dev

SQLServerの日時タイプのデフォルト値が間違っています

分類Dev

最初のセルのサイズが間違っています

分類Dev

第1引数のタイプが間違っています

分類Dev

NodeJSイベントループの順序が間違っています

分類Dev

Angularルーター-リダイレクトのURLが間違っています

分類Dev

GridViewのアダプタの要素の番号が間違っています

分類Dev

htaccessファイルの設定が間違っています

分類Dev

Pymodbus:応答のバイト数が間違っています

分類Dev

Laravelのルートが間違っています

分類Dev

anglejsへのRailsルートが間違っていますか?

分類Dev

SwiftUI:最初のリスト要素の位置が間違っています

分類Dev

std :: vectorの最初の要素の値が間違っています

分類Dev

ツールバーのタイトルとサブタイトルのフォントサイズが間違っています

分類Dev

構造内の要素の数が間違っています

分類Dev

PriorityQueue.toString要素の順序が間違っています

分類Dev

pytzタイムゾーンの夏時間のオフセットが間違っています

分類Dev

osxのssh / screenでタブタイトルが間違っている

分類Dev

この場合、clangが間違っているか、gccが間違っているか、またはその両方が間違っていますか?メンバーポインタでconstnessをキャストします

分類Dev

lttngのタイムスタンプが間違っています

分類Dev

Syslogのタイムスタンプが間違っています

分類Dev

非同期のリターンタイプが間違っています

分類Dev

Java条件付き割り当てのタイプが間違っています

分類Dev

htmlとCSSテーブルが継承によって間違ったスタイルになっています

分類Dev

PL / SQLコンパイルエラー-PLS-00382:式のタイプが間違っています

Related 関連記事

  1. 1

    インスペクターのCSS要素が間違ったコード行を表示していますか?

  2. 2

    タイムデルタ操作の結果が間違っています

  3. 3

    コメントで始まるファイルのmimeタイプが間違っています

  4. 4

    pysparkのOneHotEncoderのベクトルサイズが間違っています

  5. 5

    xmlファイルのコメントの配置が間違っています

  6. 6

    SQLServerの日時タイプのデフォルト値が間違っています

  7. 7

    最初のセルのサイズが間違っています

  8. 8

    第1引数のタイプが間違っています

  9. 9

    NodeJSイベントループの順序が間違っています

  10. 10

    Angularルーター-リダイレクトのURLが間違っています

  11. 11

    GridViewのアダプタの要素の番号が間違っています

  12. 12

    htaccessファイルの設定が間違っています

  13. 13

    Pymodbus:応答のバイト数が間違っています

  14. 14

    Laravelのルートが間違っています

  15. 15

    anglejsへのRailsルートが間違っていますか?

  16. 16

    SwiftUI:最初のリスト要素の位置が間違っています

  17. 17

    std :: vectorの最初の要素の値が間違っています

  18. 18

    ツールバーのタイトルとサブタイトルのフォントサイズが間違っています

  19. 19

    構造内の要素の数が間違っています

  20. 20

    PriorityQueue.toString要素の順序が間違っています

  21. 21

    pytzタイムゾーンの夏時間のオフセットが間違っています

  22. 22

    osxのssh / screenでタブタイトルが間違っている

  23. 23

    この場合、clangが間違っているか、gccが間違っているか、またはその両方が間違っていますか?メンバーポインタでconstnessをキャストします

  24. 24

    lttngのタイムスタンプが間違っています

  25. 25

    Syslogのタイムスタンプが間違っています

  26. 26

    非同期のリターンタイプが間違っています

  27. 27

    Java条件付き割り当てのタイプが間違っています

  28. 28

    htmlとCSSテーブルが継承によって間違ったスタイルになっています

  29. 29

    PL / SQLコンパイルエラー-PLS-00382:式のタイプが間違っています

ホットタグ

アーカイブ