- 질문 게시판입니다.
Date 15/11/06 09:12:47
Name   얼그레이
File #1   rabbit.png (75.1 KB), Download : 4
File #2   markup.png (100.0 KB), Download : 5
Subject   css 질문입니다.




css 작업중인데 막혀서 질문드립니다.

이 css 작업을 어떻게 해야 토끼가 앞으로 오나요?
일단 항목으로 작업해서 float를 띄우긴 했는데.. 그냥 이미지를 하나로 자르는게 더 좋을까요?

<ul class="animal">
                                <li class="rabit" src="earth/rabbit.animal" alt="토끼" />
                                <li class="carrot" src="earth/carrot.food" alt="당근" />
</ul>

밑에 문서 첨부합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>rabbit and landscape</title>
        <style type="text/css">
                body{width:580px;height:450px;}
                #picture {width:573px;height:432px;border:2px solid #000;overflow:hidden;}
                #picutre #sky .animal{float:right;width:180px;height:150px;}
                #picture #earth{background:url(earth/field.earth)no-repeat 0 0;height:240px;position:relative;}
                #picture #earth .aniaml{position:absolute;left:208px;bottom:44px;}
                #picture #earth .aniaml li{float:left;}
                #picture #earth .plant .left{position:absolute;left:50px;bottom:84px;}
                #picture #earth .plant .right{position:absolute;right:20px;bottom:84px;float:left;overflow:hidden;width:165px;height:210px;}
                #picture #earth .plant .right .tree{float:left;width:20px;}
                #picture #earth .water{position:absolute;bottom:0;left:0;}
                #picture #earth .plant{position:absolute;bottom:0;right:0;}
                #picture #earth .plant li{float:left;letter-spacing:-5px;}
                #copyright{display:none;}
        </style>
</head>
<body>
        <div id="picture">
                <div id="sky">
                        <h1><img src="sky/red_sun.light" alt="sun" /></h1>
                        <div class="animal">
                                <img src="bird/five_birds.animal" alt="독수리오형제" />
                        </div>
                </div>
                <div id="earth">
                        <ul class="animal">
                                <li class="rabit" src="earth/rabbit.animal" alt="토끼" />
                                <li class="carrot" src="earth/carrot.food" alt="당근" />
                        </ul>
                        <div class="plant">
                                <div class="left">
                                        <img src="tree/tree1.plant" alt="나무" />
                                </div>
                                <div class="right">
                                        <img src="tree/two_tree.plant" width=165 height=210 alt="나무" />
                                        <img class="tree" src="tree/trees.plant" alt="나무" />
                                </div>
                        </div>
                        <div class="water">
                                <img src="water/river.water" alt="강" />
                        </div>
                        <ul class="plant">
                                <li><img src="tree/grass1.plant" alt="풀1" /></li>
                                <li><img src="tree/grass2.plant" alt="풀2" /></li>
                                <li><img src="tree/grass3.plant" alt="풀3" /></li>
                        </ul>
                </div>
                <div id="copyright">
                        <p>얼그레이</p>
                </div>
        </div>
</body>
</html>



0


목록
번호 제목 이름 날짜 조회 추천
1216 교육영어 한문장 해석 부탁드립니다. 11 성의준 16/06/23 3912 0
4366 기타민방위를 미루고 싶습니다 10 DogSound-_-* 18/03/29 3912 0
5106 기타Richard를 왜 Dick이라고 하나요? 12 우기 18/07/21 3912 0
7703 문화/예술홍차넷 독서모임 있나요? 1 개발자 19/08/21 3912 0
9448 문화/예술음악 스트리밍 사이트를 추천받고 싶어요. 17 소반 20/05/20 3912 0
10572 기타삶의 질을 잔잔하게 올려주는 아이템 추천해주실 수 있나요? 20 똘빼 20/12/08 3912 1
10990 경제이사 고민... 어느 방향을 추천하시나요?? 13 [익명] 21/02/08 3912 0
12917 기타맨투맨 셔츠 이거 어떻게 하나요?? 5 김치찌개 22/02/01 3912 0
308 의료/건강발병률? 어떻게 구하는건가요 (클라인펠터) 6 미나얼 15/09/21 3913 0
425 IT/컴퓨터css 질문입니다. 25 얼그레이 15/11/06 3913 0
4598 기타이게 성차별적 발언인가요? 46 [익명] 18/05/09 3913 0
11900 IT/컴퓨터USB 메모리 vs 외장형 SSD 4 맥주만땅 21/07/16 3914 0
11491 기타일어 질문입니다 5 먹이 21/05/04 3914 0
12408 IT/컴퓨터전공이 저한테 맞는지 아닌지 모르겠어요… 11 dongri 21/10/10 3914 0
2113 법률졸업한 선배나 후배에게 선물주는 거 김영란 법에 걸릴까요? 3 moneyghost 17/01/16 3915 0
2818 기타가상화폐 개념을 잡으려면? 8 침묵의현자 17/05/25 3915 0
4496 의료/건강당뇨식: 단백질 vs. 탄수화물 6 T.Robin 18/04/19 3915 0
7422 법률매춘?관련 사기 당했는데... 5 이직해야한다 19/07/03 3915 0
11035 IT/컴퓨터집에 스마트홈 시스템을 깔아보려고 합니다 2 쿠도 21/02/15 3915 0
11371 여행나로우주센터 가볼만한가요? 2 배바지 21/04/16 3915 0
12342 기타아침식사를 직장으로 배달시켜 먹으려고 합니다. 11 거위너구리 21/09/29 3915 0
920 의료/건강결국에 전에 질문했던 동생이 호스피스 병동에 들어갓답니다. 13 하니남편 16/03/15 3916 0
4611 가정/육아삭제 14 [익명] 18/05/11 3916 0
3147 진로전문대출신인데 영화조감독으로 영화감독이될 수 있을까요? 7 펑키펑키 17/08/03 3916 0
6181 기타영등포 롯데백화점/롯데시네마 주차 질문 입니다. [익명] 18/12/29 3916 0
목록

+ : 최근 2시간내에 달린 댓글
+ : 최근 4시간내에 달린 댓글

댓글