이미지사이드과 목록의 위치...
본문
웹진형게시판스킨을 받아서 했는데요,
첨부한 그림과 같이 왼쪽의 목록의 이미지 크기를 변경하려면 어떻게 해야 하는지요?
또한 텍스트 목록이 이미지 옆으로 떠야 하는데 왜 밑으로 뜨는건지...?
소스가 넘 복잡해서 어디 부분을 수정해야할지 잘 못찾겠습니다.
도움을 부탁드립니다.
답변 3
해당 페이지의 url이 있으면 알려드리기 좋겠는데요....
이건 php소스 문제가아니라 css이기 때문에 해당 페이지 가서 개발자모드로 직접 수정해보고 알려드리는게 빠른방법이라서요 ^^!
스킨의 'style.css'에서 해당 width 값을 수정해주면 됩니다.
해당 부분이 어디인지 쉽게 찾으려면... '개발자 도구'를 이용하면 됩니다.
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=1072&sca=%EA%B2%8C%EC%8B%9C%ED%8C%90&page=8
위의 스킨으로 적용한겁니다.
근데 개발자도구는 무언가요?
브라우저에서 f12를 눌러보면 하단에 개발자모드라고해서 창이나와요.
거기서 소스들을 볼 수 있는데요. 주로 크롬이나 파폭이 수정이 용이해서 자주 쓰지만 한국의 이용자들은 대부분 인터넷익스플로러를 사용하니 익스로 최종 점검을 해보고 적용하시는게 좋아요.
해당스킨에 float:left가 빠져서 아래로 내려갔다거나 width값이 맞지 않아서 아래로 내려갔다거나 아니면 다른 스타일이 덮어 씌워져서 그런것일 수도 있으니 개발자모드로 어떻게 적용되었는지 해당 페이지를 확인하고 수정하는거죠 ^^
해당 글 아랫쪽에 width를 조절해보라는 친절한 설명이 있네요.
590px 부분을 줄여보세요.
개발자 도구는 익스플로러에서도 사용가능하지만 불편하더군요.
크롬 브라우저에서 원하는 부분을 마우스로 선택한 상태에서 오른쪽 단추를 눌러보면 메뉴 중에 '요소검사'라는 것이 있습니다.
사용법은 신리(=박달나무)님의 '홈페이지 기초강좌'를 참고하세요.
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&sca=%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EA%B8%B0%EC%B4%88&page=8&page=6