질문드려요
본문
그누보드5버전 : gnuboard5.3.1.2
테마적용안함
작업중 테스트 URL : http://shinsung.godohosting.com/test.php
참조 URL : http://www.seojunelectric.com/bbs/content.php?co_id=sub01_01
---------------------------------------------------------------------------------------------------------
위 홈페이지를 노트북(해상도 1366*768)으로 접속해 보았을때...
http://shinsung.godohosting.com/test.php 의 상단 가운데 길게 들어간 메인 이미지 sub_img01.jpg 가
왼쪽 정렬로 해서 이미지가 보여지는데요...
http://www.seojunelectric.com/bbs/content.php?co_id=sub01_01 을 노트북(해상도 1366*768)으로 접속해 보시면.. 상단 가운데 길게 들어간 메인 이미지 sub_img01.jpg 가 가운데 정렬로 해서 이미지가 보여져요...
즉 해상도가 달라도 이미지가 가운데 정렬로 해서 보여지도록 할려면...
어떻게 해야 하는지 조언 좀 부탁드려요
이해를 돕기위해 화면캡쳐 해서 올려드려요
(참고로 1920*1080 해상도 일때는 위 URL 2개가 동일하게 보여져요..)
화면캡쳐 이미지에서 아랫것 처럼 메인이미지가 가운데 정렬로 해서 보여지도록 할려면 어떻게 해요..?
서브 메인이미지가 왼쪽을 기준으로 해서 해상도에 따라 보여지는것이 아니고
메인 이미지의 가운데를 기준으로 해서 해상도에 따라 보여지게 할려면...
어떻게 해요..
조언 좀 부탁드려요
더운 여름 시원하게 보내세요~
답변 2
<td (생략) background="http://www.seojunelectric.com/theme/basic/img/sub_img01.jpg" (생략)> 이렇게 되어 있는 부분에 css를 추가합니다.
<td (생략) background="http://www.seojunelectric.com/theme/basic/img/sub_img01.jpg" style="background-position:center;" (생략)>
추가로, background를 html attribute로 넣는 것은 바람직하지 않습니다.
css 속성을 이용해 넣으시길 바랍니다.
스타일이 두번 들어 갔네요.
체크 한번 해보세요~