수다닷컴

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

기본적인사항 질문좀 드릴게요

핫블루

2023.04.01

div
ul
li/li
li/li
li/li
/ul
/div

이런 기본적인div에서
divwidth = 1000일때li 3개의 넓이를 합한값이 1000이 되는건가요?
이런 기본도 안되있는 질문 죄송합니다ㅜㅜ ^^;

상단 메뉴바를 만드는 중인데..

div width=1000으로 놓고 각 il에 들어가는 이載〈?이미지 합이 800이라
이미지들을 가운데 놓고 싶은데..
백그라운드 이미지를 깔았는데..
1000만큼 백그라운드는 깔리는데 안에 이미지는 가운데 정렬이 안되네요 ㅜㅜ

css는 이렇구
#mainmenu { position:absolute; top:66px; width:1000px; z-index:1;background:url(images/mmenubg.gif);}
#mainmenu li { float:left;}

소스는 이렇습니다
div id=mainmenu
ul
li class=depth1
a href=#img src=images/menu01_off.gif id=main_t01/a
ul id=main_c01 style=display:none;
li메뉴1/li
/ul
/li
li class=depth1
a href=#img src=images/menu02_off.gif id=main_t02/a
ul id=main_c02 style=display:none;
li메뉴1/li
/ul
/li
li class=depth1
a href=#img src=images/menu03_off.gif id=main_t03/a
ul id=main_c03 style=display:none;
li메뉴1/li
/ul
/li
/ul
/div

어떻게 해야 할까요 ㅜㅜ

신청하기





COMMENT

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

  • 알프레드

    아.. 그렇군요..
    덕분에 하나하나 알아가고 있습니다..
    정말 감사 드려요 ^^^^^

  • 단화한

    앗 ~ 감사합니다~ㅎㅎ

    일단 기본적으로 쉥님이 올리신 소스를 참고하자면 mainmenu 라는 div가 있는데
    그안에 ul이 있고 각각 넓이가 다르다면..
    css로 각자 ul에 class 를 줘서 다른 넓이를 주시면되구요. 동일한 넓이면 그냥
    ul{width:넓이;} 로 하시면됩니다.

    대신 ul의 부모 즉 mainmenu 의 넓이를 넘어가면 안됩니다.
    여기서부터 계산기가 필요할듯..ㅋ
    잘못해서 부모영역을 벗어나면 가끔 브라우저마다 차이가 있습니다^^

  • 목련

    아.. 그렇군요^^
    답변 감사드립니다
    수다님은 완전 사전 같으신듯 ㅎㅎㅎ

    아 그런데 ul이 8개고.. 넓이가 다 다르면.. 소스에서 각각 넓이를 주는건가요?

  • 한가람

    #mainmenu { top:66px; width:1000px;background:red;}
    #mainmenu ul{margin:0 auto;width:200px;}
    #mainmenu li { float:left;}

    올려주신 소스 수정했습니다. bg는 확인이 편하게 red로 바꿔봤구욤-

    li를 합한게 1000px이 아닙니다.
    div에 1000px 을 주셨다면 div 박스는 1000px 입니다.
    그안에 있는내용들은 1000px 안에 있는 놈들이고 아직

  • 말글

    아^^ 감사합니다^^

  • 헤벌심

    il - li로 우선 수정해주세요.
    #mainmenu{position:absolute;top:66px} 이 부분에 left나 right도 반드시 들어가야 합니다. 위아래 값뿐만 아니라 좌우측 위치도 반드시 명시해야 한다는 거죠. 그리고 불필요한 여백도 지워주시고, 앗 고사이 수다님이 답변을 달았네요.

    정리를 하자면 li가 수직으로 놓여있다면 최대 1000px의 넓이를 가질 수 있을것이고,
    수평으로 놓여있다면, 3개의 li를 합친게(여백포함) 최대 1

번호 제 목 글쓴이 날짜
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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