2011-08-22 68 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