深圳龍華網(wǎng)站建設公司教新手網(wǎng)頁布局中常遇到的問題
發(fā)布時間:2011-09-14 瀏覽次數(shù):377
在網(wǎng)頁設計中表單的應用是必不可少的,它是構成網(wǎng)頁基礎的重要部分。但是對于表單在不同的瀏覽器中體現(xiàn)出兼容性的問題,確是很讓人頭疼的,尤其是對于新手來說。大家都知道如果編寫出的表單在于瀏覽器不兼容,就會出現(xiàn)表單錯位等問題,把整個布局弄的很不協(xié)調或者根本的打亂表單的整體布局,網(wǎng)頁設計時需要注意這些因素。
對于有經(jīng)驗的老手還是有解決的方法的,在這里我們來看看是怎么解決這些問題的。對于一個網(wǎng)站,如果你想長期的留住用戶并與他們產(chǎn)生溝通,那么你的網(wǎng)站當中就必不可少的用到數(shù)據(jù)提交form標簽,qomotech.cn這個標簽在IE6與火狐瀏覽器中顯示的效果完全不一樣,IE6中form標簽的顯示,明顯上下會出現(xiàn)空白,而火狐瀏覽其中顯示的就與你排版的設計一樣。
為什么會這樣呢?要怎樣才能解決這個問題呢?個人認為IE6是問題最多的一款瀏覽器,但是我們的用戶有一部分還是在使用它,這就使得我們不能放棄這個瀏覽器的顯示效果。有經(jīng)驗的設計師,就在樣式表中加入form {margin:0px;},這樣就可以是的在IE6中顯示的效果與你設計的效果一致。
對于新手來說,這樣的小問題還是比較頭疼的,如果有一個前輩知道你的話,這樣的小問題就可以輕易的解決了,也可以更好的了解網(wǎng)頁制作的基本原則。接下來我在針對于新手講解一些設計的基本技巧,在使用Dreamweaver設計頁面或者分析頁面時,代碼會顯得比較凌亂,這樣不僅不利于觀察,還會印象你編輯的速度,這個時候就可以使用套用源格式這個功能,這樣可以使得代碼變得簡潔有序。但是這個功能只針對于HTML代碼與CSS代碼,其他的代碼如asp都是不適用的。
在這里最后介紹一下CSS布局中float與position屬性的區(qū)別吧,float:right/left是子塊級元素流集合面向父級元素的定位,定位的關鍵詞使用margin與padding。而兄弟塊元素之間可以進行相對的定位,都與移動都的新位置進行從新渲染,可以重疊,原位置被清空。而position:relative是子塊級元素面向父級元素的相對定位,定位關鍵字使用哪個left、right、top、bottom,兄弟塊元素之間進行相對定位。但是position移動后,原位置依然保留,而且隨后的兄弟塊元素定位于被移走前得位置。