나는 HTML을 배우고 있으며, Electronics Expo에서 보낸 인보이스를 다시 작성하여 연습하고 싶습니다.html 초보자! 배경 이미지 질문
그러나 배경 이미지 속성을 사용하여 repeat-x로 반복 했으므로 배경이 너무 커서 페이지를 가로 질러 펼쳐져 있으므로 끌기 위해 가로 막대가 있습니다.
http://htmlpocketreference.110mb.com/index.html
당신은 내가 위의 내 링크에 무슨 짓을했는지 볼 수 있습니다.
또한 CSS 코딩을 간소화하는 데 대한 조언을 주시면 감사하겠습니다. 정말 지저분 해 보입니다. 뭔가 바뀌면 모든 요소를 옮겨야합니다. -.-
고마워요!
고정 폭이없는 상대적으로 배치 된 요소가 있기 때문입니다. 이러한 요소는 인보이스의 너비 인 부모의 너비를 사용하고 페이지에서 튀어 나와 오버플로가 발생하기 때문입니다. 그들에게 배경 색상을주고, 당신은 아주 명확하게 볼 수 있습니다
은 또한 유효하지 않은 HTML을 생성중인 id 속성을 반복하고 있습니다. 동일한 스타일을 공유하는 여러 요소에 class 속성을 사용하거나 상속 및 캐스케이드를 사용하여 마다 요소가 id 인 모든 요소를 표시 할 필요가 없도록주의해야합니다.
추가 읽기 :
문제는 배경이 아니다. 문제는 너비를 정의하지 않고 블록 레벨 요소에주는 상대적인 위치입니다 ...
h2 요소는 (배송지 :)와 (전화) 및 모든 단락 요소를 좋아합니다. 이러한 요소에 특정 너비를 지정해야 제대로 작동합니다.
다음 요소에 배경색을 지정해보십시오. (디버깅 목적으로) 문서 내부의 흐름을보고 무슨 뜻인지 알 수 있습니다.
위의 배경색 추가 제안은 디버깅 팁으로, 질문에 대한 대답이 아닙니다. 그 해답을 더 읽으십시오. – DwB