게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
css 질문드립니다!!
게시물ID : programmer_17582짧은주소 복사하기
작성자 : 귀두
추천 : 0
조회수 : 432회
댓글수 : 2개
등록시간 : 2016/06/12 15:42:29
옵션
  • 본인삭제금지
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<style>
.wrap{
width:1200px;
margin:0 auto;
}
.login{
            background-color:#F1E5D5;
            width:100%;
            margin-bottom:20px;
top:0;
        }
.logo{
            height:200px;
            width:200px;
            margin-left:50px;
        }
.menu{
            width:1200px;
        }
        .menu div{
            margin-bottom:20px;
            width:109px;
            height:55px;
            line-height:50px;
            border-top:1px solid #cccccc;
            border-bottom:1px solid #cccccc;
            float:left;

        }
        .menu div > img{
            display:block;
            margin:0 auto;
        }
.img1{
position:relative;
z-index:1;
}
.img2{
position:absolute;
z-index:2;
}
.img3{
position:absolute;
z-index:3;
}
.img4{
position:absolute;
z-index:4;
}
</style>
</head>
<body>
<div class = "wrap">
<div class = "login">
<a href="../html/project2.php">
<img src="http://ckdduf665.dothome.co.kr/project/img/img/login_over.png" alt="로그인"></a>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/category_line1.png" /></span>
<a href="../html/memberform.php">
<img src="http://ckdduf665.dothome.co.kr/project/img/img/join_over.png" alt="회원가입"></a>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/category_line1.png" /></span>
<span><a href="http://ckdduf665.dothome.co.kr/project/html/project5.html">
 <img src="http://ckdduf665.dothome.co.kr/project/img/img/cart_over.png" alt="장바구니" /></a></span>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/category_line1.png" /></span>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/order_over.png" alt="주문조회" /></span>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/category_line1.png" /></span>
<span><a href="http://ckdduf665.dothome.co.kr/project/html/project4.html">
 <img src="http://ckdduf665.dothome.co.kr/project/img/img/mypage_over.png" alt="마이페이지" /></a></span>
<span><img src="http://ckdduf665.dothome.co.kr/project/img/img/category_line1.png"></span>
</div>
<div class="logo">
            <a href="http://ckdduf665.dothome.co.kr/project/html/project.html"><img   src="http://ckdduf665.dothome.co.kr/project/img/img/dearbebe.png" /></a>
        </div>
<div class="menu">
            <div><a href="http://ckdduf665.dothome.co.kr/project/html/project7.html"><img src="http://ckdduf665.dothome.co.kr/project/img/img/best.png" alt="베스트50" /></a></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/outer.png" alt="아우터"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/top.png" alt="상의"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/bottom.png" alt="하의"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/onpiece.png" alt="원피스"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/space.png" alt="우주복" /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/bodysuit.png" alt="바디수트"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/homeware.png" alt="홈웨어"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/season.png" alt="시즌아이템"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/accessory.png" alt="악세사리"  /></div>
            <div><img src="http://ckdduf665.dothome.co.kr/project/img/img/sale.png" alt="세일"  /></div>
        </div>
<div class="slide">
            <div class="slide_ul">
<div class = "img1"><a href="#"><img src="../img/img/slide_img_1.gif" alt="dane" class = "img1" width = "760" 
height = "480"></a></div>
<div class = "img2"><a href="#"><img src="../img/img/slide_img_2.gif" alt="dane" class = "img2" width = "760" 
height = "480"></a></div>
<div class = "img3"><a href="#"><img src="../img/img/slide_img_3.gif" alt="dane" class = "img3" width = "760" 
height = "480"></a></div>
<div class = "img4"><a href="#"><img src="../img/img/slide_img_4.gif" alt="dane" class = "img4" width = "760" 
height = "480"></a></div>
</div>
        </div>
</div>
</body>
</html>

제가 slide클래스에있는 이미지 4개를 겹치고싶은데
하나 렐러티브 주고 나머지 앱솔루트 주니까 사진 3개는 겹쳐지는데 나머지 한개가 안겹쳐지는데 왜이런건가요..
혹시몰라서 html코드 전부다 썻습니다!!

전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호