2017-06-20 7 views
-1

私は自分のサイトのページの新しいレイアウトを開発しようとしていますが、私のスキルレベルを考えれば野心的です。以下は私がこれまで達成してきたものへのリンクですが、Welcomeラインの下にあるプロジェクトボックスをクリックすると、他のサイズ変更されたdivでレベルを維持することを除いて、あなたが試してみると、私は何を意味するのか分かります。なぜ私の部門はどこにあるべきですか?

http://flightsimsoc.co.uk/indexTest.php

私は(実際には私の方法はかなり貧弱と非効率的な、しかし、私はより多くを学び、より少ないコードで同じ効果を得ることができるまでで、主にちょうどスタンドあり)、ここでは任意の複雑なJavaScriptを使用していませんよdivのスタイルを編集するだけの行です。だから私は問題が明らかにcssだと思っています。この問題は先週のように私を悩ませていましたので、誰かが見ている時間があれば頭が2つ、頭が1つより良いと思っています。事前

+0

まずは、ようこそ!ご不明な点がございましたら、ご質問に[最小限の、完全で、かつ検証可能な例がない](https://stackoverflow.com/help/mcve)ため、この問題を解決するお手伝いができません。あなたの質問を[編集](https://stackoverflow.com/posts/44662428/edit)して、これまでに持っていた_relevant_コードを教えてください。 – icecub

+0

'.projectBoxes'ルールに' vertical-align:top; 'を追加する必要があります。それでも、このようなコードをたくさん掘り下げないでください。 –

答えて

-1
.projectBoxes { 
     vertical-align: top; 
    } 
0

ありがとうございますその内のコンテンツはまだそれの内部に収まるようにしようとしている一方で、3%の幅にボックスを下に縮小しようとしています。あなたはあなたがそれを縮小するときにこぼれさせないようにあなたのプロジェクトボックスにオーバーフローを追加する必要があります。それが所望の効果であると仮定すると崩壊したとき、彼らは表示されませんので、

.projectBoxes { 
    width: 25%; 
    display: inline-block; 
    padding: 0; 
    margin: 0; 
    height: 20.5vh; 
    color: #222; 
    transition: 0.4s; 
    cursor: pointer; 
    overflow: hidden; 
} 

はおそらく、視覚的にも崩壊ボックス内のコンテンツを非表示にします。

+0

ああ、ありがとう!これについて知りませんでした - 申し訳ありませんが、まともなプレゼンテーションの欠如、私は試して、次回より少しアクセスしやすくします。 また、縮小されたボックスのコンテンツは消えていませんか? –

+0

それは消えていますが、あなたがそこで何をしているかによって、それは私にコード化されているように、問題の可能性があるようです。 – BlueCaret

関連する問題