One Color 레이아웃 관련해서 문의드립니다~
원컬러 레이아웃을 적용하여 홈을 꾸미려고 계획중입니다.
우선 정말 좋은 레이아웃 감사하다는 말씀부터 드리고 싶네요!
제가 문의 드리고 싶은 것은
헤드의 메뉴와 로고 부분이 지금 XETemplate 홈페이지의 메뉴와 로고처럼 가운데에 오게 할 수 있는 방법입니다.
너비가 한 1100px 정도 되는 정도로 맞춰서
어느 모니터로 보든 가운데에 오게 하고 싶은데 어떻게 해야할지 잘 모르겠네요.
제가 이것저것 만져 보려고 하는데 헤드에 100%로 돼 있는 너비를 1100px로 바꾸니
왼쪽 정렬이 되고 뒤에 배경 색이 나와 되어 버려서요.
아, 그리고 한 가지 더 여쭙고 싶은게 있습니다.
사이트 특성상 풋터 부분이 높이가 조금 더 짧으면 좋겠는데 그것도 어떻게 수정하는지 알려주실 수 있으실까요?
혹시 방법 알려 주시면 감사하겠습니다^^
이 게시물을
댓글'4'
번호
제목
작성자
날짜
문의에 답변드립니다.
헤드영역에 출력되는 로고 및 메뉴를 가운데 정렬하는건 다소 많은 부분을 수정해야 합니다.
html, css의 지식이 있으시다면 로고와 메뉴의 위치로 잡고있는 flaot를 해제하고 display:inline-block 형식으로 처리하시어 center 로 정렬하실 수 있습니다.
footer의 위아래 공간을 줄이시려면 layout.html 287번 코드에 xet_pd_tb60 이라는 클라스명을 삭제하시고 style을 추가하여 padding 값을 재 정의해주시면 됩니다.
원본
<div class="text_center xet_pd_tb60">
수정
<div class="text_center" style="padding: 10px 0;">
원하시는 형태의 코드를 저희가 짜드릴수는 없다는점을 양해바랍니다.
이 댓글을
빠른 답변 감사드립니다!
풋터는 말씀하신대로 해결했고 헤드는 제가 좀 더 공부해 봐야겠네요. 감사합니다!
이 댓글을
아 이거 조금 알아봤는데 display:inline-block이 아예 가운데 정렬을 위한 형식인가보네요!
제가 설명을 잘못했는데 '가운데 정렬'이 포인트가 아니라 '1100px'가 포인트인데 혹시 그것도 수정하기 많이 어려운가요ㅠㅠ?
꼭 가운데 정렬일 필요는 없고 지금 처럼 로고는 왼쪽, 메뉴는 오른쪽에 있되, 그것이 100%의 헤더라 아니라 1100px의 헤더 안에 있기를 원하는 거거든요.
제가 지식이 하나도 없어서 많이 어렵네요. display:inline-block으로 처리해야 하는 것이 동일하고 마찬가지로 어렵다면 그냥 수정하지 않고 쓰려고 합니다ㅠㅠ
이 댓글을
width값이 정의된 block 태그를 가운데 정렬하실때는 margin-left: auto; margin-right: auto; 또는 margin: 0 auto; 를 주시면 가운데 정렬이 됩니다.
이 댓글을