作者LokiCjn (我的征途是星之海)
看板Web_Design
标题[问题] 文字栏位与图片无法对齐
时间Sun Nov 13 22:47:04 2005
测试页面
http://loki.ind.ntou.edu.tw/se_hw/testTop.html
有发现文字位栏位和图片在Firefox没有对齐
在IE上会自动对好
请问应该要如何修正呢？
用CSS可以做到吗？
谢谢
附上相关的原始码：
(HTML部份)
<div class="mainTitle">
<span class="left">
<img src="images/title_image.png" alt="title" width="600" height="60" />
</span>
<span class="right">
<input name="textfield" type="text" size="16"
maxlength="254" /><a href="#"><img src="images/search.png" alt="search"
width="56" height="20" border="0" /></a>
</span>
</div>
(CSS部份)
.mainTitle {
background-image:url(../images/title_back.png);
height:60px;
}
.mainTitle span.left {
float:left;
text-align:left;
margin-left:20px;
}
.mainTitle span.right {
float:right;
text-align:right;
margin-right:20px;
margin-top:10px;
}
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.174.144.156