수다닷컴

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

레이아웃 잡다가 막혀서 질문드리는데요...

베네딕트

2023.04.01

안녕하세요 코딩하다가 궁금해서 여쭤보와여..
다음과 같이 이미지 5개가 있는데 중간에 여백이 가로는 24픽셀 새로 작은 이미지 사이는 10픽셀이 있는
레이아웃을 짤려구 하는데요
이럴경우에는 보통은 레이어 위치 div position:relative; 를 이용해서 짜야하나요 아니면 다른방법으로 하나요? 공백도 하나의 div로 처리해서 짜야하나요? 에구 머리야..
따닥따닥 붙어 있는 이미지는 ulli로 해서 정리했는데 이것들도 ulli태그로 가능한가요? 가능하다면 중간에 있는 큰박스를 어떻게 처리해야하나요?..
다들 즐거운 하루 되시와요

신청하기





COMMENT

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

  • 물고기자리

    아~ 수다님 감사합니다.
    아 이렇게 하면되는군요... 감사합니다. float은 제가 아직 이해력이 부족한지 쉽지가 않네요 ㅠㅠ
    정말 감사합니다.

  • 핫와인

    1.크게 div 1세트를 만듭니다.
    2.그리고 overflow:hidden;을 줍니다.
    3.큰 div안에 div3세트를 만듭니다.
    4.그리고 그 div3개모두 float:left;를 주고 두번째 div부터 margin-left:24px를 줍니다.
    5.1번째랑 3번째 div안에 이미지를 집어넣고 2번째 이미지에 margin-top:10px를 줍니다.

  • Sweeety

    항상 질문답변에 형님 계시네요 모르는게 없으시네요 ;;; 구글 == 보이형 ㅋㅋㅋㅋ

  • 빛초롱

    수다님 감사드립니다. float으로 위치시켜봤는데요.. 처음 작은박스 옆에 큰박스는 잘되는데 처음 작은박스 아래의 작은박스가 안들와지네용 ㅠㅠ

  • 찬들

    유동적인 레이아웃이 되려면 float으로 위치시킵니다.

    여백은 margin으로 처리합니다.

번호 제 목 글쓴이 날짜
2699296 동영상 배경 질문드려요!!!!!!!!!!!!!! 핫파랑 2025-06-24
2699214 position:fixed 에 대한 질문입니다.. (7) 사이 2025-06-24
2699183 제이쿼리 이미지 슬라이드 위치값 수정 초엘 2025-06-23
2699153 테마[ADORABLE]에서 페이지생성시 하위페이지는 2개밖에 안되나요? 흰여울 2025-06-23
2699129 네이버 블로그 또는 사이트의 글을 불러오기 갤원 2025-06-23
2699070 탭메뉴처럼 셀렉트 박스를 이용해서 내용을 출력할 수 있는 방법이 있을까요. (3) 큰꽃늘 2025-06-22
2699016 인터넷이 안되는 환경에서 validator설치방법 (3) 은송이 2025-06-22
2698988 대체 C++ 6.0 exe 아이콘은 어떻게 넣는건가요? 외국녀 2025-06-22
2698960 음성파일을 embed로 작업했는데..웹 표준코딩으로 변경하려면 어떻게 해야하나요? (1) 잎새 2025-06-21
2698932 메뉴목록 풍선창 만들기 html (2) 하늘이 2025-06-21
2698901 http://www.zeitgeistbot.com/ 이 사이트처럼 움직이는 효과를 무엇이라고 하나요? 누림 2025-06-21
2698876 table width값 크로스브라우징에 대한 문의 (2) 볼수록매력 2025-06-21
2698849 c언어 질문. (3) 아름나 2025-06-20
2698823 setInterval 이벤트 제거 하려면... 가온길 2025-06-20
2698796 이 오류를 이해를 못하겠어요 Addicted 2025-06-20
2698712 IF 문 이 계속 오류가 나요 (2) 옆집오빠야 2025-06-19
2698687 이미지를 클릭하면 그 이미지를 다운받게해주는 방법 질문요 ^^ (미해결) (5) 해지개 2025-06-19
2698663 상속하면 자꾸 class 이름이 애러가 나네요 (2) 미련곰탱이 2025-06-19
2698637 마크업 질문요~~ (6) 바르고 2025-06-18
2698551 게시판폭보다 큰 이미지올릴때 어떻게 하시는지요 (9) 에드문드 2025-06-18
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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