수다닷컴

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

이게 왜 깨질까요? 도와주십시요. -꾸벅-

비사벌

2023.04.01

코드전체를 봐야된다고 하셔서 파일로 업로드 했습니다.
div 로 열심히 웹페이지를 만들고 있습니다.

div ul li 를 사용해서 코딩하고 있는데...
ul 과 li 가 중복되니 힘드네요. 깨지고, 겨우 하면 또 깨지고.ㅠ

아직 ul 과 li 그리고 float 와 display 를 자유자재로 쓰질 못하다보니, 이렇게 헤매고 있습니다.
신참이니 허접하게 하고 있더라도 피식 한번 웃으시고, 도와주십시요.

정상적인 결과가 나오려면 어떻게 구성을 해야되는지 알려주세요.

정상 처리시 결과현재 결과소스는 아래와 같습니다.

---------------------------------- 먼저 CSS ---------------------------------
#date {position:absolute; width:400px; height:115px; top:0px; left:0px;}
#date ul {margin:0px; padding:0px; float:left;}
#date ul li {margin:0px; padding:0px; list-style:none; white-space:nowrap; float:left;}
#date ul li img {vertical-align:top; text-align:left;}
#date ul li ul {margin:0px; padding:0px;}
#date ul li ul li {margin:0px; padding:0px; list-style:none; white-space:nowrap; display:block; clear:both; width:370px;}
#date ul li ul li img {vertical-align:top; text-align:left;}
------------------------------------------------------------------------------

-------------------------------- 두번째 HTML ----------------------------------
div id=date
ul
liimg src=../../img/main/date_left.gif alt= //li
li
ul
liimg src=../../img/main/date_top.gif alt= //li
li class=council_dateimg src=../../img/main/date_tit1.gif alt=의사일정 align=baseline /준비중입니다./li
liimg src=../../img/main/date_center.gif alt= //li
li class=defaultimg src=../../img/main/date_tit2.gif alt=오늘의 의사일정 align=baseline /-의사일정이 없습니다./li
li style=height:25px class=council_today/li
liimg src=../../img/main/date_btm.gif alt= //li
/ul
/li
liimg src=../../img/main/date_right.gif alt= //li
/ul
/div--------------------------------------------------------------------------------
위의 코드는 2단 중복인데요. 3단 중복까지 가능하다면
HTML 코드가 이렇게 된다면 CSS 는 어떻게 해야되는지도 알려주세요.
----------------------------------- 덧붙임 질문 ------------------------------------------
div id=date
ul
liimg src=../../img/main/date_left.gif alt= //li
li
ul
liimg src=../../img/main/date_top.gif alt= //li
lp; li
ul
liimg src=../../img/main/date_tit1.gif alt=의사일정 align=baseline //li
li준비중입니다./li
/ul
/li
liimg src=../../img/main/date_center.gif alt= //li
li
ul
liimg src=../../img/main/date_tit2.gif alt=오늘의 의사일정 align=baseline //li
li-의사일정이 없습니다./li
/ul
/li
li style=height:25px class=council_today/li
liimg src=../../img/main/date_btm.gif alt= //li
/ul
/li
liimg src=../../img/main/date_right.gif alt= //li
/ul
/div
--------------------------------------------------------------------------------
질문이 너무 난해하게 올려진듯 싶네요.
도와주십시요.

신청하기





COMMENT

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

  • 우람늘

    휴=33 어렵네요.... 난잡하게 구해들은 내용으로 지금까지 해온것도 신기한데... 제대로 공부해야 할듯...
    div를 전문적으로 다뤄주는 책은 없나보네요.. 있으면 당장이라도 사서 보고싶은데... 바쁘신데 이렇게 시간내서 자세하게 가르쳐주셔서 감사해요.

  • 창의적

    수다님 감사합니다. 해결되었네요. 그런데 뭐가 문제였던건지 알수 있을까요? 그걸 알아야지 나중에 똑같은 상황이 발생해도 혼자서 대처할 수 있을 것 같은데... 그냥 봐서는 html 파일에 vertical-align 을 다시 주는것 같은데 ... css 파일에서 주었는데 그게 제대로 안먹혀서 직접 주는건가요? 설명도 같이 해주시면 안될까요?

  • 꿈

    많은답변들 감사드려요. 고수님들 조언들 모두 감사합니다. 기존에 있는 이미지를 사용해야되서 제가 이미지를 다시 자르고 할수는 없는 상황이구요. 제가 소스를 다시올리겠습니다. 불쌍한 초보를 위해 힘써주신 모든분들 다시한번 고개숙여 감사드리면서 한번더 부탁드립니다. 소스보시고 정확한 해법을... 오늘내로 완료해야되는데...

  • 든솔

    음...그냥 배경이미지를 통으로자르시고 하시는게 좋을듯하네요 유동적인 디자인이 아니라면말이죠

  • 라와

    혹시 소스를 압축해서 올려주시면 안되나요...이미지를 어떻게 자르셨는지요...글구 #date img로 해서 하면 img에 주신것들 한번에 될것같은데요...글구 ul li ul li{}이런식으로 타고 들어가도 위에 ul li에서 주신 css가 먹힐것 같은데...ul.class명을 주고 ul.class li ul li 이런게 타고 들어가는게 좋을것 같은데요...

  • 우시

    제가 올려놓은 소스를 오페라에서 돌리면 정상적으로 보이네요. 브라우저 문제인거 같은데요. IE 에서도 정상적으로 보이게 하는 방법이 필요할것 같아요ㅠㅠ 도와주세요.

  • 라임나무

    해봤는데... 안되네요...ㅠㅠ

번호 제 목 글쓴이 날짜
2694724 코딩시 폰트 문제; ㅠ 후력 2025-05-13
2694696 텍스트박스 입력에 관한 문제입니다. 딥공감 2025-05-13
2694668 [질문] 페이퍼비전 PointLight 관련 질문 드려요.. 두바다찬솔 2025-05-13
2694611 Flash Lite 2.1에서 BitmapData와 Matrix 지원안하나요? (3) 이플 2025-05-12
2694582 IE & 파이어폭스 (2) 흙이랑 2025-05-12
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
2694223 [급질문]스크롤스파이의 offset값 진나 2025-05-09
2694195 li에 이미지 넣고 세로로 메뉴 구성하는 경우 (1) 예님 2025-05-09
2694167 canvas 질문요. (4) 찬늘봄 2025-05-08
2694136 왜 이렇게 나오는지 이해가 잘 가지 않네요. 부탁드리겠습니다... (2) 세련 2025-05-08
2694111 div , css 공부하고있는데요 잘모르겠어요.. 도와주세요 ㅠ_ㅠ (10) 모람 2025-05-08
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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