호버 엘리먼트가있는 CSS 도움말이 필요합니다. 페이지의 왼쪽과 오른쪽으로 확장 할 수 없습니다.

Question

CSS 전문가가 필요합니다. 당신이 내 링크를 방문하는 경우 :

http://www.gabbr.com/js/viewer/cmedata/index1.html

을하고 수년에 걸쳐 (상단 중간 부분, 2008, 2009, 2010 등)을 가져 당신은 페이지의 상단부터 하단까지 연장 오렌지색 막대를 알 수 있습니다. 나는 왼쪽과 같은 효과 (월과 일)를 얻으려고하지만 그렇게 할 수 없다.

내가 겪고있는 문제는 오렌지 우회 막대가 #dayleft 또는 #monthleft 화면 왼쪽에서 벗어날 수 없다는 것입니다. 화면의 오른쪽 여백까지 확장되지만 왼쪽은 확장되지 않습니다. 문제는 margin-left : 15px; # 몽고와 왼쪽 - 여백 : 80px; #dayleft. 그러나 나는 편지 간격을 위해 그들을 요구하기 때문에 나는 이것을 제거 할 수 없다.

어떤 조언이 필요합니까?

Answer 1

#monthleft ul li a:hover { 
    margin-left: -20px; 
    width: 110%; 
    text-indent: 20px; 
} 

호버 코드에 추가하십시오. 이것은 나를 위해 속임수를했다.

#dayleft 요소에 동일한 원리를 적용하여 margin-left 및 text-indent의 치수를 적절하게 조정하십시오.

편집 : 이것은 #dayleft

#dayleft ul li a:hover { 
    margin-left: -110px; 
    width: 110%; 
    text-indent: 110px; 
}