2011-08-22 46 views
0

花费几个小时,我竟然有这种形式后,我只是感到绝望,现在...我想不出做什么,或者为什么空间如此混乱的,只是输了...HTML表单元素没有正确对齐

http://jsfiddle.net/C7u9P/2/

我贴的是什么,我想使它看起来像图片,并将其目前的样子.... T_T

做什么任何帮助或什么是错的赞赏。 的真棒形式: Perfect Form

我的形式: my troublesome form

+0

我认为“真棒表”中使用的表进行调准,或其他方法,因此使用的风格保持一致的各个领域。 你有“真棒形式”(HTML/CSS代码)的来源吗? –

+1

@Jeff Hodge:/有点偏离主题。你应该真的考虑放弃所有这些内联的CSS东西。将是一个噩梦来维持。 – PeeHaa

+0

哇,这是可怕的xD让我们看看有什么我可以做它 – sg3s

回答

1

如果要重新创建的东西,最好是在时间上完全启动。从java生成的代码肯定太复杂,无法进行转换。

因此,继承人的设置,你可以下手了:

http://jsfiddle.net/MwnSn/11/

我让你自己做的细节,图标不应该太硬,造型的投入也是可能的ofcourse。请注意,我使用jsfiddle完成的样式标准化,我建议您也在自己的工作中使用该样式表。只有在Chrome中进行过真正的测试,因此您可能需要检查和调试IE,并且在宽度有限时可能会崩溃。使用正确的clearfix也会改善一点。

无表:(溢出自动在该分区明确浮动)。

+0

你的很漂亮!感谢万兆身份证拥抱你,如果我在那里:P看起来比我的好多了:P,1个问题,是否有可能在该div中写入描述? – Bulvak

+0

当然,你可以用你自己的控件替换那个div,如果你喜欢我只是把div放在那里作为wysiwyg编辑器的代表。但是,如果您替换它,请确保将当前div的样式应用于新元素以使其看起来正确。 – sg3s