如何對齊用戶個人資料圖像和姓名+其他信息

我已經能夠爲個人資料圖片以及圖像右側的名稱和位置以及其他一些信息創建一個部分。然而，爲了用信息調整圖像，我必須經過額外的步驟才能使它看起來可以接受，但編碼明智不準確，因爲它可能會產生跨瀏覽器問題。如何對齊用戶個人資料圖像和姓名+其他信息

我可以使用CSS的方式來計算器創建用戶配置文件PIC和名稱以及其他信息這樣做，對e.g：https://stackoverflow.com/users/441049/aaa

這樣做的頂部是我期待的。我仍在學習過程中。謝謝。

這是代碼：

#manpic { 
    margin-left:30px; 
    margin-top:20px; 
    background-color: #FFFFFF; 
    padding: 5px; 
    display:block; 
} 

#manname { 
    color: #D7D7D7; 
    margin-left: 150px; 
    margin-top:-60px; 
    font-family: "Lucida Grande", Verdana; 
    font-weight:bold; 
    font-size: 20px; 
}

來源

2010-12-08 AAA

有任何HTML和CSS你正在使用，你可以張貼評論？ – kafuchau 2010-12-08 20:06:48

#manpic { margin-left：30px; margin-top：20px; background-color：#FFFFFF; padding：5px; display：block; } #manname { color：＃D7D7D7; margin-left：150px; margin-top：-60px; font-family：「Lucida Grande」，Verdana; font-weight：bold; font-size：20px; } – AAA 2010-12-08 20:13:39

我看不出有任何問題與您的代碼，除填充可能是一個問題，對其進行測試。

我會用IEtester來進行檢查頁面在IE7和IE8 http://www.my-debugbar.com/wiki/IETester/HomePage

測試在Firefox，Safari和Chrome。如果你在這些瀏覽器中沒有看到任何東西，那麼我真的不會擔心代碼。

如果您使用的是花車，請確保您已清除。用IE瀏覽器，我發現填充很糟糕，你應該在大多數情況下使用MARGIN來調整div間的空格。

希望有所幫助！

Chris

來源

2010-12-08 20:13:54 Chris

如何對齊用戶個人資料圖像和姓名+其他信息

回答

相關問題