아무리 해도 이미지가 벌어지네요..ㅡㅡ;
본문
우측에 떨어져있네요..어디가 문제죠? 별짓을 해도 안붙네요.ㅡㅡ;
아직 호스팅에 업로드한 것이 아니라 여기다 소스 올립니다.
고수님에게 배워보겠습니다.
아래는 위 부부에 해당하는 css 입니다.
#container .area .program_page .contens { margin:0; }
#container .area .program_page .contens .left { margin-left:44px; }
#container .area .program_page .contens .rightcnt { position:absolute; top:111px; left:508px; }
#container .area .program_page .contens .rightcnt ul { margin:0; padding:0 }
#container .area .program_page .contens .rightcnt li { list-style:none; float:left; padding:0; margin:0; }
아래는 위 부분에 해당하는 html div 태그 입니다.
<div class="contens">
<div class="left"><img src="images/sub/program_left_pc.png" /></div>
<div class="rightcnt">
<ul>
<li><img src="images/sub/right_contensbox_01.png" /></li>
<li><img src="images/sub/right_contensbox_02.png" /></li>
<li><img src="images/sub/right_contensbox_03.png" /></li>
<li><img src="images/sub/right_contensbox_04.png" /></li>
<li><img src="images/sub/right_contensbox_05.png" /></li>
</ul>
</div>
</div>
답변 3
어디가 정확히 문제인지 이미지에 표시 좀 ..............
보시는대로 밑에 이미지 사이에 간격이 벌어져 있거든요.
옆에 있는 ul li 몽땅 제거해 버리고, img 요소에 display:block 주고 해보세요.
그리고, 왼쪽 이미지 쪽의 상하 길이 때문에 우측 사이사이가 벌어진 것일 수 있으니 확인해 보세요.
님 방법대로 하니 되네요^^ 감사합니다.
css 가 정확하진 않지만 이미지가 벌어질 것 같진 않은데...
이미지에 링크도 없는데 차라리 우측 이미지도 하나로 묶으면 어떨가요?
아..링크건다기 보다는, 검색 최적화를 위해 alt 속성으로 각각 하나씩 설명을 넣을려고해요..^^; 한꺼번에 넣는것보다 하나씩 넣는게 효율적일것 같기도해서요..
#container .area .program_page .contens .rightcnt li >img{margin:0; padding:0;} 추가
또는
li 안에 백그라운드로 지정해보시는건 어떤가요?
li한개안에 다넣는방법도있지만
나중에 링크를 추가하실수도 있으니 놔두는방법으로...
아..링크건다기 보다는, 검색 최적화를 위해 alt 속성으로 각각 하나씩 설명을 넣을려고해요..^^; 한꺼번에 넣는것보다 하나씩 넣는게 효율적일것 같기도해서요..
첫줄에 적은 css도 안되는건가요?
li하나에 다 넣어도 개별 alt속성이라면 설명넣는것도 가능한데...
네 안되네요.ㅜㅜ
