0

スケルトンの助けが必要です @ http://www.slutatnian.se/skolor/nosnas/

このサイトには、コードの下にある画像があり、コンピューター上で正常に動作します。しかし、モバイルデバイスを使用している場合、画像が画面の下部に表示され、モバイルデバイスで「Nösnäsgymnasiumet」の後に画像を配置したいのですが、どうすればよいですか?

（ホットピンクは気にしないでください。列を見るために使用しています）

これがhtmlコードです。

<div class ="container">

<div class="nosnastitel">
    <div class="eleven columns offset by one alpha" style="background-color:hotpink">
    <h3>Nösnäsgymnasiumet.</h3>
    </div>
    </div>

    <div class="six columns offset-by-one  " style="background-color:hotpink">
    <div class="infonosnas">


    <h4> Om Nösnäsgymnasiet </h4>


    <h5> Utbildning för dig </h5>
    <p> Nösnäsgymnasiet är en skola med stort utbildningsutbud, många möjligheter, kompetens och engagemang. Vi har som målsättning att du som elev skall känna dig trygg på vår skola och få en utbildning som ger dig en bra start för framtiden. </p>

    <br/>
    <h5> Gemenskap och trivsel </h5>
    <p> Här finns något för alla!
    Vi har ett stort utbud av högskoleförberedande program, yrkesprogram, introduktionsprogram, lärlingsutbildning och gymnasiesärskola.

    Hos oss kan du förbereda dig för högskolestudier eller yrkesliv, utveckla dina estetiska förmågor eller inrikta dig inom bland annat ekonomi, data, teknik och media. </p>
    <br />
    <h5>Många valmöjligheter </h5>
    <p>Nära hav och natur
    Skolan ligger på det vackra västkusten i lummig grönska och med utsikt över Hakefjorden. Ett stenkast bort finns salta bad, naturstigar och friskvårdsanläggning med simhall och idrottsplats. </p>

    <p>I skolans centrala del ligger administrationen och elevbiblioteket som är öppet varje dag. Det finns också ett elevcafé och två skolmatsalar. Med några minuters promenadväg från Stenungsunds centrum har du snabb tillgång till buss och tåg. </p>

    </div>

   </div>
   <div class="four columns offset-by-five omega">
    <div class="nosnasbild">
    <img src="skola2.jpg" alt="nosnasbild" /> </a>
    </div>
    </div>

</div>
4

1 に答える 1

0

同じ写真を2つ追加することで解決しましたが、クラスは異なります。その後、使用しました

.nosnasbild img{
     display: none; 
}

CSSで。

もう1つはメディアクエリとして使用し、使用しました

.nosnaspic img{
     display: none; 
}

これは最適なソリューションではありませんが、うまく機能します。

于 2014-02-01T16:07:02.133 に答える