2017-03-02 5 views
0

私はスタック上でこれを解決しようとしましたが、私を助けたものは見つかりませんでした。あなたはjmltechnologie.comで私のウェブサイトをチェックアウトすることができます。私はハードウェアの人で、私はHTML/CSSで非常に素人ですので、あなたに表示されるヒントを教えてください:DHtml/Css ImgsがIEで正しく表示されず、サイズ変更(右の代わりにLEFT)

私の問題はatmです。私は@mediaをモバイル用にサイズ変更することはできません。また、古いバージョンのIE(多くのユーザーがまだ使用していると思われるもの、特に自分のウェブサイトをチェックする可能性のあるもの)で自分のWebサイトを開くと、 ...挫折している。

画像を正しく表示し、携帯端末で画像のサイズを変更できるようにするための基本的なヒントをお願いします。ここに私のコードの例があり、私のウェブサイトでこの問題をよりよく理解するためにチェックします。 Tyvm

あなたが持っている自分のイメージ上記 <td>

.test123 table { 
 
    width: 90%; 
 
    float: center; 
 
    margin: 125px auto 10px; 
 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
    font-size: 16px; 
 
    line-height: 55px; 
 
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
 
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ 
 
    -moz-box-shadow: 3px 3px 5px 6px #ccc; 
 
    /* Firefox 3.5 - 3.6 */ 
 
    box-shadow: 3px 3px 5px 6px #ccc; 
 
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 
 
} 
 

 
.test123 td { 
 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
    font-size: 16px; 
 
    font-weight: 600; 
 
} 
 

 
.test123 img { 
 
    margin-top: 6%; 
 
    margin-left: 22%; 
 
    position: absolute; 
 
    display: inline; 
 
}
<div class="test123"> 
 
    <h1 id="Personnalisez-votre-ordinateur">Assemblage</h1> 
 
    <h2>Terminé la lenteur, les annonces publicitaires, la perte de données et l’odeur de brulé;<br> Augmentez votre productivé grâce à nos PC personnalisés</h2> 
 

 

 
    <table> 
 
    <tr> 
 
     <td style="text-align: center;"> 
 

 

 
     <img src="https://jmltechnologie.com/assemblage.png" width="220" height="150" alt="Assemblage d'ordinateur"> 
 
     <tr> 
 
      <td style="color: #111111">Nos ordinateurs sur mesure ne contiennent aucun logiciel préinstallé qui pourraient nuire au rendement de votre ordinateur.</td> 
 
     </tr> 
 
     <tr> 
 
      <td style="color: #111111">Bénéficier de nos <strong>conseils gratuits</strong></td> 
 
     </tr> 
 
     <tr> 
 
      <td style="color: #111111">Vos avez déjà vos pièces, mais vous éprouvez des difficultés?<br> <strong>Nous pouvons vous aider.</strong></td> 
 
     </tr> 
 
     <tr> 
 
      <td style="color: #111111">Nous nous occupons de <strong>tout</strong>: Choix des pièces, l'assemblage et l'installation à domicile.</td> 
 
     </tr> 
 
     <tr> 
 
      <td style="color: #111111">Vous obtenez toujours plus de performance à meilleur prix, lorsque vous décidez d'assembler votre ordinateur.</td> 
 
     </tr> 
 
     <tr> 
 
      <td style="color: #111111"><strong>Peu importe votre budget</strong>, nous serons en mesure de vous assembler un ordinateur performant.</td> 
 
     </tr> 
 

 

 

 

 

 
    </table> 
 

 
</div>

答えて

1

:へ

<td style="text-align:center"> 

変更を:

<td style="text-align:left"> 
+0

Tyが、生きてそれをしようとします。 – MrJuan

+0

Ty、私はそれを試しましたが、それは私が探しているものではない左に私のimgを移動することでした。私は自分のウェブサイトがChromeとFirefoxのフルスクリーンでどのように表示されるのが好きですが、画像の位置を適切にコーディングして、画面が最小化されるときにサイズを変更する方法を学ぶ必要があります。モバイルで開いたときと同じです。これまでのところ、私は正しく配置することができない最初のimg(グラフ)しか持っていませんが、私はテーブルとImgをコード化する方法を疑っています。私はいくつかのテキストを表示するためのヒントを探していて、サイズ変更されるテキストの横に画像があります。 – MrJuan

関連する問題