이미지 바로밑에 글씨를 쓸 수는 없나요. 이미지 크기는700px인데요. 글씨를 안으로 들여 올수 없을 까요

더털

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-08-31 (금) 16:59:57 3,843

이미지 바로밑에 글씨를 쓸

답변 6개 / 댓글 5개

채택된 답변

+20 포인트

SKPLAN

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-08-31 (금) 17:29:34

원인은 이미지 사이즈가 700픽셀에 가운데 정렬이고

아래 내용은 가로사이즈기 100%에 텍스트는 좌측정렬이기 때문입니다.

아래내용을 max-width:700px 와 margin:0px auto; 를 주면 내용이 이미지와 같은 라인에 정렬될꺼에요...

[이미지 참조]

2105709021_1535704171.6708.jpg

http://www.dayungmetal.kr/skin/board/gallery/style.css 60번째줄

.view-content { padding:0px 15px 20px; max-width:700px; margin:0px auto; }

답변에 대한 댓글 4개

더털

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-09-01 (토) 10:13:02

어디에가서 해야 할까요, 부탁드립니다.고수님

로토루아

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-09-01 (토) 10:18:36

http://www.dayungmetal.kr/skin/board/gallery/style.css 여시면 60번째줄에

.view-content { padding:0px 15px 20px;} 이게 있을꺼에요...

이부분을 아래의 것으로 하시면 됩니다.

.view-content { padding:0px 15px 20px; max-width:700px; margin:0px auto; }

더털

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-09-01 (토) 11:13:41

감사합니다.
잘되네요.
진정한 고수님 이십니다.

글씨 밖으로 테두리두 줄 수 있을 까요

로토루아

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-09-01 (토) 11:30:47

하단 글 내용에 테두리선을 주시려면 수정한 곳에 추가적으로 border 값을 주면 됩니다.

.view-content { padding:0px 15px 20px; max-width:700px; margin:0px auto; border:1px solid #666; }

볼더색상은 필요하신 색상코드값을 넣으시면 됩니다.