바람과함께사라지다
759
2020-06-02 14:14:42
3
247

홈페이지 모방 중에 section, aside 질문 드려요!!


aside에 left값을 줘서 메뉴를 만들었는데요



이렇게 왼쪽은 잘 만들었는데

왼쪽에서 10px만 떨어지게 한 후 쭉 만드려고 했거든요

이런식으로요





그래서 질병연구 메뉴에서

section에서 right를 줘야 하는 건지

aside에서 right를 줘야 하는 건지 그걸 모르겠어요..


둘 다 시도해 봤는데 오른쪽부터 나와버려서

제가 원하는 거랑은 완전 다르더라구요


여러분들은 어떻게 하는 게 나을 거 같으세요?



그리고 질병연구 밑 그림에서 오른쪽 감염병과 만성병의 기전과... 어쩌구저쩌구

영역 나눠져서 구분하는 건 어떻게 하는 건가요?

0
  • 답변 3

  • 컴포지트
    2k
    2020-06-02 15:00:18

    section 은 큰 틀이라 보면 됩니다. 그 하위의 작은 틀을 article 태그로 정의하고 있고요.

    aside 는 곁이라는 뜻이죠? 즉, 구석에 위치할 때 사용하는 태그라고 보면 됩니다.

    그림과 텍스트를 나누는 건 여러가지 방법이 있는데, 그림에다 css로 float:left 준 후 그림에 적당히 여백을 주면 비슷하게 나옵니다. 아예 div로 감싸고 같은 방법을 써도 되고, display:flex 로 하면 더 유연하게 꾸밀 수는 있으나 IE 생각하면 쉽진 않은 선택이죠.

  • 바람과함께사라지다
    759
    2020-06-02 15:05:32

    컴포지트



    형광색으로 칠한 질문은 잘 이해됐습니다 정말 감사드려요


    그러면 aside를 써야 하는 건가요??

    막 코드를 만져보고 있는데도 아직까지도 2번째 사진처럼 만들기가 너무 힘들더라구요 ㅠㅠ



  • 컴포지트
    2k
    2020-06-02 15:09:34

    기술적으로는 큰 의미 없으나 구분하는 의미로 구석에 달 콘텐츠에는 aside를 쓰면 됩니다.

    그림과 텍스트 배치는 css 레이아웃을 검색하면 여러 케이스가 있고 여러 예제와 코드가 있으니 입맛에 맞게 사용해 보시길.

  • 로그인을 하시면 답변을 등록할 수 있습니다.