이것은 바보 같은 질문 일 수도 있지만,이 방법을 사용하는 것이 더 좋거나 적절한 방법이 있다면 배우는 것을 좋아합니다.내 웹 페이지에 작은 공백이 계속 나타나는 이유는 무엇입니까?
저는 최근에 HTML 페이지의 렌더링 된 버전에 작은 공백이 표시되는 등 최근 몇 차례에 걸쳐 실행되었습니다. 직관적으로 나는 텍스트 또는 엔티티의 외부에서 페이지의 HTML의 형식이 중요하지 않아야하지만 분명히 그렇게하기 때문에 이것이 존재하지 않아야한다고 생각합니다.
나는이 말을 인용하고 있습니다. 클라이언트의 포토샵 파일을 통해 사이트의 모습을보고 싶습니다. 그들은 기본적으로이 파일의 이미지에 픽셀 완벽하게 보이기를 원합니다.
페이지의 장소 중 하나가 메뉴 막대를 호출합니다. 각 메뉴 막대는 호버링시 변경 비트를 나타내며 하이퍼 링크와 같은 역할을합니다. Photoshop 파일에서이 막대는 하나의 긴 막대이므로 저렴하고 쉬운 방법입니다. 이렇게하려면 해당 세그먼트를 여러 이미지로 분할 한 다음 파일에서 서로를 배치해야합니다.
그래서 본능적으로 난 그렇게 등<a href="page1.html">
<img src="image1.png" />
</a>
<a href="page2.html">
<img src="image2.png" />
</a>
<a href="page3.html">
<img src="image3.png" />
</a>
하고 (거기에 더이야하지만이 요점이다)처럼 배치.
문제는 이미지가 클라이언트 사이에 픽셀이 완벽하기를 바라기 때문에 받아 들일 수없는 작은 공간을 가지고 있다는 것입니다. 제대로 렌더링 갈 수
한 가지 방법은 이미지 사이의 캐리지 리턴을 제거하는 것입니다
이미지를 잘 서로 (원하는 효과)에 대한 최대 이동하지만 믿을 수 없을만큼 긴 줄을하게 만드는<a href="page1.html">
<img src="image1.png" />
</a>
<a href="page2.html">
<img src="image2.png" />
</a>
<a href="page3.html">
<img src="image3.png" />
</a>
그리고 코드를 유지하기가 더 어렵습니다. (그래서 여기에 줄 바꿈이 있습니다. 이것은 단순화 된 버전입니다. 실제 파일은 더 긴 파일 이름과 자바 스크립트를 사용하여 호버링을 수행합니다.)
이것은 발생하지 않아야하지만 HTML의 캐리지 리턴이 작은 빈 공간으로 렌더링되는 것처럼 보입니다. 그리고 이것은 모든 브라우저에서 발생합니다.
위의 두 조각이 동일하게 렌더링되어야한다고 생각하던가요? 내가 잘못하고 있는게 있니? 파일을 잘못된 인코딩으로 저장 했습니까? 이 링크들 모두를 완벽하게 배치 된 CSS 요소로 대신해야합니까?
좋은 답변들, 나는 이것을 할 생각이 전혀 없었다! –
하나의 단일 라인보다 낫다. 나는 이것을 시도해야한다. – TonyOssa