다시 올려요
알렉산더
div id=contan2h3 class=newcookNew 요리/h3div id=input_boxinput type=text size=20 id=t1 name= /input type=image src=image/serch.jpg id=t2//divdiv id=boximgdiv id=newimg1img src=image/food1-1.jpg width=184 height=207 alt= id=f1 /img src=image/food2-1.jpg width=184 height=207 alt= id=f2 //divdiv id=newimg2img src=image/center_pic.jpg width=250 height=429 alt= //div
div id=newimg3img src=image/food4-1.jpg width=184 height=207 alt= id=f4/img src=image/food5-1.jpg width=184 height=207 alt= id=f5//div/divdiv id=noticeimg src=image/notice.png width=282 height=39 alt=공지사항 /br /div class=notice_hrefullia href=#중복 추천은 불가합니다br //a/lilia href=#추천! 맛집 많이 올려주세요br //a/lilia href=#많은 홍보 부탁드립니다br //a/lilia href=#[당첨자 발표] 쿠킹 클래스 당첨자 발표br //a/lilia href=#[당첨자 발표] 파리바게뜨 해피콘 이벤트br //a/li/ul/div
div class=famaily1img src=image/foodfamaily.png width=282 height=39 alt= //div
div class=famaily2img src=image/foodfamaily_pic.jpg width=286 height=199 alt= //divdiv id=contan3
div id=food_theme음식별br /ullia href=#국·탕/a/lilia href=#찌개·전골/a/lilia href=#볶음/a/lilia href=#나물·샐러드/a/lilia href=#조림/a/lilia href=#구이/a/lilia href=#찜/a/lilia href=#튀김/a/lilia href=#김치·젓살/a/lilia href=#면·만두/a/lilia href=#밥·떡/a/lilia href=#빵·과자/a/li/ul/divdiv id=country나라별br /a href=#한식br //aa href=#중식br //aa href=#일식br //aa href=#양식br //aa hreft;a href=#이탈리아식br //aa href=#베트남식br //a/div
div id=theme특별한날br /a href=#건강·미용br //aa href=#일상br //aa href=#계절br //aa href=#명절·절기br //aa href=#영유아·아동식br //a/div/div
-----------------------------------------------------------------------------------------------------------
#contanior #contan2 #boximg{float:left; border:1px solid red;}
#contanior #contan2 #newimg1 {width:184px; float:left; margin:0 25px 0 7px;}
#contanior #contan2 #newimg1 #f1{margin-bottom:13px;}
#contanior #contan2 #newimg2{float:left; margin-right:25px;}
#contanior #contan2 #newimg3{width:184px; float:right; margin-right:10px;}
#contanior #contan2 #newimg3 #f4{margin-bottom:13px;}
#contanior #notice {width:282px; float:left;}
#contanior #notice .notice_href{height:130px; font-size:12px; margin-top:13px;padding-left:10px;}
#contanior #notice .notice_href li{padding-left:10px; margin:10px 0 10px 0; background:url(../image/bullet_list.gif) no-repeat 0 center;}
#contanior .famaily1{margin-bottom:10px }
#contanior .famaily2{margin-bottom:10px;}
#contanior #contan3 #food_theme{float:left; width:100px;}-------------------------------------------------------------------------------------------------------------------
문제 부분 입니다전에 질문에 위에 이미지는 무시해 주시고 아래 이미지 같이 만들려 하는데 방법을 모르겠어요...
-
모이
contan3 위부분 boximg까지 엘리먼트들을 싸서 그녀석을 클리어하거나 overflow:hidden을 주시길요
-
코이
#contanior #contan3 {width:100px;border:1px solid black; }
#contanior #contan3 #food_theme{clear:both;}
이렇게 바꿨는데요 ... 글씨가 위 그림 오른쪽에 붙어서 위치 이동이 안되요...;; -
찬슬
float:left;를 쓰셨으면~ 해제를 해주셔야해요~~
하단 text 들어가는 영역에 clear:both;를 해주세요~