수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

div에서 가로로 상품 진열하려면 어찌해야하나요

무리한

2023.04.01

위에 이미지처럼 가로로 상품 넣고 싶은데요. 그냥 div로 하면 한줄로 되네요. ㅜㅜ
지금은 임시로 스팬으로 넣었는데요..이건 페딩이 안먹어서 비추인데 div로 하는 방법좀 알려주세요.
css
----------------------------------------------------------------------
.bnr_box{float:left;width:600px; padding:68px 0px 0px 60px}
.bnr_box .side_main_bn{float:left;width:102px; height:20px; }
.bnr_box .side_main_comm2{ position:absolute;float:left;width:103px;height:122px;padding:0px 0 0 70px; }
.bnr_box .side_main_comm{position:absolute;float:left;width:103px;height:122px;padding:0px 0px 0px 251px;}
.stm{float:left; width:274px; border:0px;padding:140px 0px 0px 160px }

body
----------------------------------------------------------------------
div class=inner2
div class=bnr_box
span class=side_main_bn a href=#img src=/images/no1_off.jpg border=0//a/span
span class=side_main_comm2a href=#img src=/images/no2_off.jpg border=0//a/span
span class=side_main_comma href=#img src=/images/no3_off.jpg border=0//a/span
/div

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 눈꽃

    position:absolute; 빼도 안됩니다.ㅜㅜ 뭐 다른방법없나요.

  • 고딩

    div로 변경하시고 position:absolute를 빼보세요.. 이미지 사이간격만큼만 넣으시구요

  • 미투리

    감사합니다. 꾸벅꾸벅 해보고 말씀드릴께요

  • 주나

    기존 그대로 쓰신다면
    span으로 하신다면 .inner2 span{display:inlin-block; 간격은 알아서}
    absolute는 빼시고~ span은 상하간격을 주실려면 블럭화가 필요합니다.
    div으로 .inner2 div{float:left; 간격은 알아서}

  • 찬늘봄

    아 감사합니다. 적용되네요. 꾸벅 몇시간고민한걸 이렇게 한번에 풀다니ㅜㅜ역시 하코사고수님들
    근데요 그냥 div로는 안되나요?
    ul로만 가능한가요. 기존코딩이 div로 되어있어서요. 내용이 길어서 다바꾸기가 쉽지도 않고,
    궁금하기도 하고요.

  • 수련

    div class=\bnr_box\ 이부분을 ul로 하시고
    li a href=\#\img src=\/images/no1_off.jpg\ border=\0\//a/li 바꾸시고
    이부분들을 li들을 float:left; 주시고 패딩이나 마진으로 조정하시면 됩니다.

  • 아픔이보여

    그래도 안됩니다. ㅜㅜ

  • 흰두루

    오.. 감솨감솨.. ㅠㅠ 감동의 눈물이.. 주르륵..

  • By은지

    가문비님, 본글과 논외질문인데, 네비게이션을 플래시나 플랙스로 작업하면 장애인들이 사용하는 리더기로 읽히나요? 자바스크립트로 작업했을때만 읽히는건지.. 궁금함니당.

  • 초고리

    ul로 해보심은..?

번호 제 목 글쓴이 날짜
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
2695187 자바스크립트와 자바의 import에 관해서 질문드려요 (1) 무슬 2025-05-18
2695116 테마 문의 (해당 사이트와 같은 테마 혹은 플러그인) Sweet 2025-05-17
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com