CSSを次々に配置する

Question

私は、Facebookのウェルカムページのために、画像をCSSの隣に配置しようとしています。これはhereです。ここで

はCSSです：

table { 
    border-collapse: collapse; 
} 

th, td { 
    margin: 0; 
    padding: 0; 
} 

div.nav { 
    width: 520px; 
    margin: 0 auto; 
    text-align: center; 
} 

div.nav1 
{ 
/*height: 165px;*/ 
width: 136px; 
background-image:url("http://i971.photobucket.com/albums/ae198/smilehealthy/internships-link.jpg"); 
float: left; 
} 

div.nav1 a, div.nav1 a:link, div.nav1 a:visited { 
display:block; 
} 

div.nav1 img { 
/*width:100%; 
height:100%;*/ 
border:0; 
} 

div.nav1 a:hover img { 
visibility:hidden; 
} 

div.nav2 
{ 
/*height: 165px;*/ 
width: 193px; 
background-image:url("http://i971.photobucket.com/albums/ae198/smilehealthy/website-link.jpg"); 
float: left; 
} 

div.nav2 a, div.nav2 a:link, div.nav2 a:visited { 
display:block; 
} 

div.nav2 img { 
/*width:100%; 
height:100%;*/ 
border:0; 
} 

div.nav2 a:hover img { 
visibility:hidden; 
} 

div.nav3 
{ 
/*height: 165px;*/ 
width: 102px; 
background-image:url("http://i971.photobucket.com/albums/ae198/smilehealthy/education-link.jpg"); 
float: left; 
} 

div.nav3 a, div.nav3 a:link, div.nav3 a:visited { 
display:block; 
} 

div.nav3 img { 
/*width:100%; 
height:100%;*/ 
border:0; 
} 

div.nav3 a:hover img { 
visibility:hidden; 
} 

div.nav4 
{ 
/*height: 165px;*/ 
width: 89px; 
background-image:url("http://i971.photobucket.com/albums/ae198/smilehealthy/programs-link.jpg"); 
float: left; 
} 

div.nav4 a, div.nav4 a:link, div.nav4 a:visited { 
display:block; 
} 

div.nav4 img { 
/*width:100%; 
height:100%;*/ 
border:0; 
} 

div.nav4 a:hover img { 
visibility:hidden; 
}#container { 
    margin: 0 auto; 
} 

Answer 1

はあなたのCSSは、まったくそのページに適用されていません。 Facebookはすべてのファイル名をスクランブルするので、何が起こっているのか分かりにくいですが、あなたのFBMLは何とか間違っていて、CSSはロードされていません。

提案：FB以外のバージョンを別に作成し、CSSの問題を解決するために投稿してから投稿してください。