테스트 사이트 - 개발 중인 베타 버전입니다

아무리 해도 이미지가 벌어지네요..ㅡㅡ; 채택완료

웹지기맨 8년 전 조회 1,942

 

 

우측에 떨어져있네요..어디가 문제죠? 별짓을 해도 안붙네요.ㅡㅡ;

 

아직 호스팅에 업로드한 것이 아니라 여기다 소스 올립니다.

 

고수님에게 배워보겠습니다.

 

아래는 위 부부에 해당하는 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 태그 입니다.

                                         
                    
                        
                                
  •                             
  •                             
  •                             
  •                             
  •                         
                    
                

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

어디가 정확히 문제인지 이미지에 표시 좀 ..............

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

웹지기맨
8년 전
보시는대로 밑에 이미지 사이에 간격이 벌어져 있거든요.
s
sinbi
8년 전
옆에 있는 ul li 몽땅 제거해 버리고, img 요소에 display:block 주고 해보세요.
그리고, 왼쪽 이미지 쪽의 상하 길이 때문에 우측 사이사이가 벌어진 것일 수 있으니 확인해 보세요.
웹지기맨
8년 전
님 방법대로 하니 되네요^^ 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

세이세키

#container .area .program_page .contens .rightcnt li >img{margin:0; padding:0;} 추가

또는

li 안에 백그라운드로 지정해보시는건 어떤가요?

li한개안에 다넣는방법도있지만

나중에 링크를 추가하실수도 있으니 놔두는방법으로...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

웹지기맨
8년 전
아..링크건다기 보다는, 검색 최적화를 위해 alt 속성으로 각각 하나씩 설명을 넣을려고해요..^^; 한꺼번에 넣는것보다 하나씩 넣는게 효율적일것 같기도해서요..
세이세키
8년 전
첫줄에 적은 css도 안되는건가요?
li하나에 다 넣어도 개별 alt속성이라면 설명넣는것도 가능한데...
웹지기맨
8년 전
네 안되네요.ㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

C
8년 전

css 가 정확하진 않지만 이미지가 벌어질 것 같진 않은데...

 

이미지에 링크도 없는데 차라리 우측 이미지도 하나로 묶으면 어떨가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

웹지기맨
8년 전
아..링크건다기 보다는, 검색 최적화를 위해 alt 속성으로 각각 하나씩 설명을 넣을려고해요..^^; 한꺼번에 넣는것보다 하나씩 넣는게 효율적일것 같기도해서요..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인