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

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

QA

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

답변 6

본문

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

2040804257_1534985563.3751.jpg

이 질문에 댓글 쓰기 :

답변 6

원인은 이미지 사이즈가 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; }

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; }

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

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

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

이미지 하단에 테두리를 주시려면 CSS 조정이 필요할꺼에요..

 

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

 

이거로 하시면 아래의 이미지 처럼 나오게 될꺼에요..

 

thumb-2105709021_1535769461.6863_730x781.png

저번답변에서 말씀드렸듯이...

 

코드가 있어야 뭘 알려드리죠..

 

padding을 조절해서 맞추면됩니다 해당 글을 감싸고있는 태그에 style을 주시면됩니다

답변을 작성하시기 전에 로그인 해주세요.
전체 3
© SIRSOFT
현재 페이지 제일 처음으로