결제정보 로고모음이 브라우져 상관없이 항상 똑같게 보이고 싶어여.
핫다홍
http://lightinthebox.com
제일 밑 하단처럼 로고들이 일렬로 쫙 나왔으면 하는데여.
IE8에서는 문제없음
파이어폭스에서는 80% 괜찮아 보임,
20%의 파이어폭스, 100%크롬 : 이상한 증세를 보임 - 로고파일들이 세로로 나열 / 다른 로고들 가로로 나열되나, ems 로고만 혼자 밑으로 가버림..
항상 똑같이 가로로 나오게 할려면 아래 코딩에 뭘 추가해줘야하나여? ^^;; css
.footer {
margin-top:10px;
float:left;
width:100%;}
#footimg {margin-top:10px;float:left; width:950px;}
#footimg li{display:inline;padding-right:10px;}
div class=footer
중간에 인바운드 링크 모음 단락 ( about us, payment guide, shipping guide 등등... )
div id=footimg
ul
img src=http://naver.com/img/admin/logo_creditcardint.gif alt=naver credit card logo /
a href=http://westernunion.com onclick=window.open(this.href); return false; img src=http://naver.com/img/admin/logo_westunion.gif alt=western union logo //a
a href=http://paypal.com onclick=window.open(this.href); return false;
img src=http://naver.com/img/admin/logo_paypal.gif alt=paypal //a
a href=http://paypal.com onclick=window.open(this.href); return false;
img src=http://naver.com/img/admin/logo_paypalveri.gif alt=paypal //a
a href=http://http://www.usps.com/shipping/trackandconfirm.htm?from=trnkcnfrm onclick=window.open(this.href); return false;
img src=http://naver.com/img/admin/logo_ems.gif alt=paypal //a
/ul
/div
/div
-
태양
아.. 전에 li빼먹은거. 수다닷컴에 질문올려서 지적받았는데여..
수정한 내용을 호스팅에 올렸습니다.
지금 ftp가 이상하게 안되어서..
급한 마음에.. 고치기 이전파일 가지고 대충올렸더니..
li가 빠진 파일이군여.. ^^;;
밑에 코멘트 감사합니다. ^^;
빨리 ftp 정상화시켜서 주신 팁 반영시키도록 하겠습니다. ^^;; -
유1혹
위에 올리신 소스 문서에서 복사하신건가요?
아님 질문 작성하실 때 li를 빼고 하신건지요-
위 소스만 보자면
ul안에 li빠져 있는뎅.....ㅎ
밑에 /div도 하나 필요 없고요-ㅎ
css에서 display:inline 하면 여백이 생기기 때문에
li 에 float:left주시고 padding이나 margin으로 여백을 주세요-
li에 float를 주신 다음 ul에 overflow:hidden;zoom:1;속성 추가
아님 height값을 추가