CSS를 서로 옆에 배치하기

Question

나는 그림을 CSS 옆에 배치하여 페이스 북 환영 페이지를 찾았습니다.이 페이지는 here입니다.

이

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는 전혀 해당 페이지에 적용되지 않는 : 여기

는 CSS입니다. 페이스 북은 모든 파일 이름을 뒤섞어서 무슨 일이 일어나는지 말하기 어렵지만 FBML이 어떻게 든 잘못되어 CSS가로드되지 않습니다.

제안 : FB 버전이 아닌 별도의 버전을 만들고 CSS 문제를 해결하기 위해 게시 한 다음 게시하십시오.