2010-10-07 15 views
2

我使用django-uni-form來顯示錶單。我已經在頁面中包含了所有的CSS和JavaScript(特別是jQuery)。但是現在我看到了一些奇怪的線條。下圖顯示了圖像它的外觀:使用uni-form後的神祕和怪異線條

http://i243.photobucket.com/albums/ff176/cwalkrox/uni-form1.jpg

你可以看到,用戶名和電子郵件地址,該線與文字輸入上側而對於兩個密碼,該線在該密碼輸入對齊。在uni-form的官方網站中,我看不到3個例子中的任何一行。即使它給了我一些線條,它應該是一致的嗎?

所以這個奇怪的故事並沒有停留在這裏。 jQuery可以突出顯示選定的輸入。但它突出顯示用戶名,電子郵件和密碼的方式仍然不一致。以下圖片證明這一點:

i243.photobucket.com/albums/ff176/cwalkrox/uni-form2.jpg

i243.photobucket.com/albums/ff176/cwalkrox/uni-form3.jpg

所以,每一個問題似乎都源於神祕的線條。那麼這是怎麼發生的?

順便說一下,我向你展示的頁面是以django註冊的形式呈現的。渲染片段是:

<form action="" method="post" class="uniForm"> 
<fieldset> 
    {{ form|as_uni_form }} 
</fieldset> 
</form> 
+0

我有同樣的問題= \ – 2011-04-24 00:28:01

+1

嘗試刪除標籤

2011-06-01 17:04:03

+0

這似乎是在IE中一個獨特的問題。在css中添加以下代碼可解決問題:.uniForm,.uniForm fieldset,.uniForm .ctrlHolder,.uniForm .formHint,.uniForm .buttonHolder,.uniForm .ctrlHolder ul {zoom:1; } – 2011-06-05 17:00:40

回答

0

這些線是由於包含在django的均勻的CSS文件:單form.css,均勻generic.css和單向form.jquery.css。

看起來很奇怪,但至少在我的情況下(pinax項目),沒有提供的CSS,表單看起來更好。

我的2美分