css定位问题
<div class= "wrapperElement ">
<div class= "imageElement " onMouseover= "rattleimage(this) " onMouseout= "stoprattle(this) "> <img src= "img/harddisk.jpg "onClick= "secBoard( 'show your harddisk ', 'img/showharddisk.jpg ', 'your options text ') "/>
</div>
<div class= "scrollIconText "> 这里是文字 </div>
</div>
我想让文字在图片下边排,该怎么写这个css?
#icon-modules-div .wrapperElement {
DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 100%; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}
#icon-modules-div .imageElement {
LEFT: 15px; WIDTH: 50px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 35px; BORDER-BOTTOM-STYLE: none
}
其他两个写了, 差文字这个
是很多图片,每个图片下都有文字说明,
[解决办法]
没有看懂什么意思。
你现在的文字不是在图片下面的吗?
[解决办法]
好像发过
这样得吗
<style type= "text/css ">
.style1 {
vertical-align: text-top;
}
</style>
<img src= "file:///E:/web/main_r8_c15.png " width= "432 " height= "103 " class= "style1 " /> 上止上上上上上上上 </td>
[解决办法]
<style type= "text/css ">
ul {margin:0; padding:0; float:left;}
ul li {margin-left:5px; text-align:center; float:left;}
ul li p {margin:5px 0;}
</style>
<ul>
<li> <img src= "aaa.jpg " /> <p> 说明 </p> </li>
<li> <img src= "aaa.jpg " /> <p> 说明 </p> </li>
</ul>