0

横方向の固定 div (メニュー バーのような) があり、それらの画像が動的であることを知っているテーブルのようなビュー (たとえば、3 列と X 行) に画像を配置する方法を見つけようとしています。生成されます。

具体的には、そこに入れる画像が 10 枚あります。それらをhtmlに入れることはできますが、javascriptはさまざまな要因（主にユーザーの権限）に応じて特定の画像を表示するかどうかを決めるので、それらの画像を自動的に並べ替えたいと思います。

私はCSSファンよりもJSの方が多いので、画像を固定して配置し、スクリプトを使用して上部と左側のプロパティを処理しますが、cssでこれを行う方法があると確信しています（css3ではなく、試していますいくつかのレトロ互換性を行うため) または他のより簡単な方法。

どうもありがとう

4

2 に答える 2

1

これが必要だと思います。 http://jsfiddle.net/x6zfW/10/

確認してください。

HTML:

<div id="ui_myMenu">
            <div id ="ui_ui_myMenuTitle">HELLO TITLE</div>
            <img id="ui_image1" class="ui_menuIcons" src ="http://www.designworks.co.nz/uploads/images/case-studies/nz-post/post_button.jpg"/>
            <img id="ui_image2" class="ui_menuIcons" src="http://t2.ftcdn.net/jpg/00/24/77/15/400_F_24771516_GheG3ehk2o3T6mJJkFy9k2siYoMrVigc.jpg"/>
</div>

CSS:

 #ui_myMenu{
position: fixed;
    bottom: 15%;
    width: 575px;
    height: 426px;
    left: 2%;
    top:2%;
    background:url('http://www.psdgraphics.com/wp-content/uploads/2009/02/abstract-background.jpg') left top no-repeat;
}
#ui_myMenuTitle{
    margin-left: 16%;
    margin-top: 4.8%;
    font-size: 380%;
}
.ui_menuIcons{
    float: left;
    width : 5%;
    height : 7%;
}
于 2012-07-14T17:12:41.657 に答える
0

石積みの仕事のように聞こえます...

そうでない場合は、アイコンをラップしてコンテナーを配置しますhttp://jsfiddle.net/mplungjan/HAggq/

于 2012-07-14T16:26:11.487 に答える