JPEG를 HTML로 슬라이스하는 방법

Question

HTML로 조각화 할 JPEG 이미지가 있습니다. div에 배치하는 방법에 대해서는 약간 혼란 스럽습니다. 아무도 나에게 어떻게 제안 할 수 있을까? 나는 질문과 함께 jpeg를 보내고있다.

감사 UMAIR는

Answer 1

나는 무엇 조각이 자신을 포함하는 것 보일 것이다. 예를 들어, 양식 상자를 채우는 것은 div가 될 것이고, 하단의 법률 정보는 div가 될 것이고, 온라인 상자를 사용하는 것이 div가 될 것이며, 2 개의 헤더 부분도 div가 될 것입니다. div에 전체 내용을 래핑하고 CSS 스프라이트 이미지 (CSS Sprite article)를 사용하여 배경 그라디언트를 만들 수 있습니다. enter code here

<div id=pageWrapper> 
    <div id=header1>OnlineGrantFinders.com</div> 
    <div id=header2>Looking for grant money?</div> 
    <div id=mainContent> 
     <div class='infoText'>You can apply for grants ....</div> 
     <div class='infoText' id='whyUseUs'>Why Use Online Grant Finders.com....</div> 
     <div id=fileForm>Fill Out the form below....</div> 
    </div> 
    <div id='footer'>This website is owned...</div> 
</div> 

여기에서 CSS가 너무 어려워서는 안됩니다. 떠 다니는 요소에 대해 잘 모르는 경우에는 그 요소를 살펴보고이를 지우는 방법도 배웁니다. fileForm 요소는 내가 의심할만한 절대적으로 배치 된 요소로서 가장 좋을 것입니다.