2012-04-03 2 views
1

나는 지난 몇 시간 동안이 문제에 대한 내 머리를 싸려고했지만 성공하지는 못했습니다. 이 페이지를 보는 경우 : http://ftfranes.com/mliad2/신비한 패딩이 내 디자인을 깨뜨리는 이유는 무엇입니까?

왼쪽에서 "Latest Tweets"라는 제목의 트윗 목록에 신비한 왼쪽 패딩이 있습니다. 어쨌든 내 패딩이 아닌 스타일링을 추가하지 않았다고 확신 할 수 있습니다.

지난 몇 시간 전에 내가 페이지를 크게 변경하기 전에 완벽 해 보였습니다. 다음은 정렬 방법에 대한 스크린 샷입니다. http://i.imgur.com/vSHcZ.png

11.15pm, 나는 피곤해서 Game of Thrones를보고 싶습니다. 누군가가이 문제를 푸는데 도움이 될 수있어서 밤이라 부를 수 있을까요?

+0

디버그를 시도하기 전에 최근 트윗이 필요합니다.) – DefyGravity

+0

UL/LI 여백/패딩을 확인하십시오. – Panagiotis

답변

1

margin-left: 15px;이 있습니다.

오른쪽으로 이동 원인이 무엇

은 ... 아마도 당신은 비디오의 목록을 추가했지만 모두 projects 요소 아래에 있기 때문에이 트윗의 목록 영향을 미치고있다. 그들이 그에게 margin-left:0를 추가 #twitter_update_list li 위해 이미 규칙이 있기 때문에

것은


업데이트

또는 더 나은 아직 .. .projects .sidebar_left li{margin-left:0}이 그것을 해결하기 위해 추가합니다.

+0

밤에 마음이 제대로 작동하지 않는 시간이 있습니다. 기본적으로 이전 스타일 시트를 업로드하고 새 스타일 시트를 검토했습니다. 그럼에도 불구하고, 이것에 대한 환호, 나는 몇 분 안에 대답으로 이것을 받아 들일 것입니다 ... –

0

개비 대답을 게시에 날 이길 수 있지만 예를 들어 구글 크롬을 사용하여 요소를 검사하는 스스로를 발견 할 수 - 당신이 요소를 클릭 할 수 있으며이 요소는 다음과 같이이 어떤 스타일을 설명합니다 :

.projects li { 
width: 202px; 
display: block; 
float: left; 
margin-right: 15px; 
margin-left: 15px; 
margin-bottom: 40px; 
} 

더 나은 방법은 LIVE 스타일 변경을 테스트 할 수있는 것입니다. 실제로 꽤 멋지다.

+0

정보 친구를위한 환호, 나는 그가 처음 이었기 때문에 개비의 대답에 동의 할 것이지만, 나는 여전히 당신의 의견에 감사드립니다. –

관련 문제