CSS对齐问题

时间:2010-10-27 12:54:21

标签: css alignment

我正在设计我的域名注册网站的主页,我被困在一个地方。请访问http://a2host.in/

网站

在Firefox和谷歌浏览器中,搜索和转到按钮与文本和选择框保持一致,但在Opera和IE8中,它们有点下降。

我已经尝试了所有的事情,但我无法弄清楚实际的问题。

3 个答案:

答案 0 :(得分:1)

我看到很多不必要的造型。从本质上讲,这就是你想要的: Basic form without floats

您可以在此调整字体大小和颜色,直到您拥有所需内容。但这是一个很好的起点,因为它是跨浏览器相同的。

另外,请考虑使用<button>元素而不是<input type="button">。它为您提供更多样式的自由。

表单控件让他们在所有浏览器中看起来都很好,特别是按钮和选择框。

答案 1 :(得分:0)

尝试为按钮设置border:none

答案 2 :(得分:0)

请在stylesheet的.regbutton课程中注释掉以下CSS3属性(请参阅下文),然后尝试

.regbutton, .regbutton:visited {
    background: #222 url(/getImage.php?src=myUploadedImages/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    /*-moz-border-radius: 6px;*/ /*comment out all CSS3 properties*/
    /*-webkit-border-radius: 6px;*/
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/
    position: relative;
    cursor: pointer;

}