이게 왜 깨질까요? 도와주십시요. -꾸벅-
비사벌
코드전체를 봐야된다고 하셔서 파일로 업로드 했습니다.
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
--------------------------------------------------------------------------------
질문이 너무 난해하게 올려진듯 싶네요.
도와주십시요.
-
우람늘
휴=33 어렵네요.... 난잡하게 구해들은 내용으로 지금까지 해온것도 신기한데... 제대로 공부해야 할듯...
div를 전문적으로 다뤄주는 책은 없나보네요.. 있으면 당장이라도 사서 보고싶은데... 바쁘신데 이렇게 시간내서 자세하게 가르쳐주셔서 감사해요. -
창의적
수다님 감사합니다. 해결되었네요. 그런데 뭐가 문제였던건지 알수 있을까요? 그걸 알아야지 나중에 똑같은 상황이 발생해도 혼자서 대처할 수 있을 것 같은데... 그냥 봐서는 html 파일에 vertical-align 을 다시 주는것 같은데 ... css 파일에서 주었는데 그게 제대로 안먹혀서 직접 주는건가요? 설명도 같이 해주시면 안될까요?
-
꿈
많은답변들 감사드려요. 고수님들 조언들 모두 감사합니다. 기존에 있는 이미지를 사용해야되서 제가 이미지를 다시 자르고 할수는 없는 상황이구요. 제가 소스를 다시올리겠습니다. 불쌍한 초보를 위해 힘써주신 모든분들 다시한번 고개숙여 감사드리면서 한번더 부탁드립니다. 소스보시고 정확한 해법을... 오늘내로 완료해야되는데...
-
든솔
음...그냥 배경이미지를 통으로자르시고 하시는게 좋을듯하네요 유동적인 디자인이 아니라면말이죠
-
라와
혹시 소스를 압축해서 올려주시면 안되나요...이미지를 어떻게 자르셨는지요...글구 #date img로 해서 하면 img에 주신것들 한번에 될것같은데요...글구 ul li ul li{}이런식으로 타고 들어가도 위에 ul li에서 주신 css가 먹힐것 같은데...ul.class명을 주고 ul.class li ul li 이런게 타고 들어가는게 좋을것 같은데요...
-
우시
제가 올려놓은 소스를 오페라에서 돌리면 정상적으로 보이네요. 브라우저 문제인거 같은데요. IE 에서도 정상적으로 보이게 하는 방법이 필요할것 같아요ㅠㅠ 도와주세요.
-
라임나무
해봤는데... 안되네요...ㅠㅠ