<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>투명만들기^^</TITLE>
<style type="text/css">
.img_con
{
position:relative;
margin:1px;
float:left;
width:220px;
height:190px;
z-index:54;
}
.r_ima { position:absolute; }
.text_box {
position:absolute;
width:100%;
height:17px;
margin-top:170px;
_margin-top:173px;
padding-top:3px;
background-color:#000000;
filter:Alpha(opacity:50);
opacity:0.5;
font-size:8pt;font-family:돋움;
color:#ffffff;
overflow:hidden;
text-align:center;
z-index:55;
}
</style>
</HEAD>
<BODY>
<div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://www.3aok.com/images/888.gif" width="220" height="190">
<div class="text_box">제로보드에서 그누보드</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://www.donga.com/photo/news/200712/200712100243.jpg" width="220" height="190">
<div class="text_box">소녀시대 이승철과</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
<div class="img_con">
<img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
<div class="text_box">풍경화 그림</div>
</div>
</div>
</BODY>
</HTML>
그림크기는 항상 220 에 190을 유지해야하며
div는 위와같은 형식만 취해주면 됩니다.
div나 이미지크기를 변경할경우 자동으로 위치를 맞춰주게 하려고했는데..
당장 필요한 식으로 만들어서 그렇게는 안해봤습니다 ^^;
초보라 css가 불필요한게 있을지도 모릅니다.
고수분들께서는 잘도와주시면 좋겠습니다 ^^
그림 div.img_con 을 100개를 넣든 8개를 넣든 자동으로 줄바꿈은 됩니다.
FF+IE 다됩니다.
댓글 4개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1730 | 17년 전 | 1182 | ||
| 1729 | 17년 전 | 1615 | ||
| 1728 | 17년 전 | 1683 | ||
| 1727 | 17년 전 | 1819 | ||
| 1726 | 17년 전 | 2956 | ||
| 1725 | 17년 전 | 2092 | ||
| 1724 |
|
17년 전 | 1772 | |
| 1723 |
끝없는사랑
|
17년 전 | 2114 | |
| 1722 |
끝없는사랑
|
17년 전 | 1823 | |
| 1721 | 17년 전 | 3349 | ||
| 1720 | 17년 전 | 1534 | ||
| 1719 | 17년 전 | 1651 | ||
| 1718 |
사랑합니다
|
17년 전 | 1369 | |
| 1717 | 17년 전 | 2192 | ||
| 1716 | 17년 전 | 3144 | ||
| 1715 |
|
17년 전 | 2281 | |
| 1714 |
|
17년 전 | 1736 | |
| 1713 | 17년 전 | 2993 | ||
| 1712 | 17년 전 | 4430 | ||
| 1711 | 17년 전 | 1740 | ||
| 1710 | 17년 전 | 3242 | ||
| 1709 |
jeans
|
17년 전 | 1568 | |
| 1708 |
 mando |
17년 전 | 3476 | |
| 1707 | 17년 전 | 5843 | ||
| 1706 |
|
17년 전 | 1420 | |
| 1705 |
|
17년 전 | 2160 | |
| 1704 | 17년 전 | 1794 | ||
| 1703 |
심심맨닷컴
|
17년 전 | 1553 | |
| 1702 | 17년 전 | 2428 | ||
| 1701 |
|
17년 전 | 2632 | |
| 1700 | 17년 전 | 1601 | ||
| 1699 | 17년 전 | 2683 | ||
| 1698 |
RedRiverFisher
|
17년 전 | 3173 | |
| 1697 |
심심맨닷컴
|
17년 전 | 1530 | |
| 1696 |
eclub
|
17년 전 | 1942 | |
| 1695 | 17년 전 | 3852 | ||
| 1694 |
깜장고무신
|
17년 전 | 4482 | |
| 1693 |
stuartkim
|
17년 전 | 1883 | |
| 1692 |
stuartkim
|
17년 전 | 1751 | |
| 1691 |
 hanpedro |
17년 전 | 2681 | |
| 1690 | 17년 전 | 1848 | ||
| 1689 | 17년 전 | 3937 | ||
| 1688 | 17년 전 | 1656 | ||
| 1687 | 16년 전 | 1931 | ||
| 1686 |
hanpedro |
17년 전 | 2261 | |
| 1685 | 17년 전 | 2111 | ||
| 1684 |
 cmpanel |
17년 전 | 3573 | |
| 1683 |
leeLook
|
17년 전 | 1594 | |
| 1682 | 17년 전 | 2657 | ||
| 1681 | 17년 전 | 1646 | ||
| 1680 | 17년 전 | 1911 | ||
| 1679 | 17년 전 | 7425 | ||
| 1678 | 17년 전 | 1997 | ||
| 1677 | 17년 전 | 4094 | ||
| 1676 | 17년 전 | 2419 | ||
| 1675 | 17년 전 | 2429 | ||
| 1674 | 17년 전 | 2151 | ||
| 1673 | 17년 전 | 2197 | ||
| 1672 | 17년 전 | 2626 | ||
| 1671 | 17년 전 | 3220 | ||
| 1670 | 17년 전 | 5331 | ||
| 1669 |
플래시007
|
17년 전 | 2786 | |
| 1668 |
cmpanel |
17년 전 | 2699 | |
| 1667 | 17년 전 | 2554 | ||
| 1666 |
|
17년 전 | 1797 | |
| 1665 | 17년 전 | 2207 | ||
| 1664 | 17년 전 | 5310 | ||
| 1663 |
cmpanel |
17년 전 | 3024 | |
| 1662 |
cmpanel |
17년 전 | 2582 | |
| 1661 |
cmpanel |
17년 전 | 3256 | |
| 1660 |
cmpanel |
17년 전 | 2475 | |
| 1659 |
cmpanel |
17년 전 | 2832 | |
| 1658 | 17년 전 | 5879 | ||
| 1657 | 17년 전 | 2635 | ||
| 1656 |
Piece
|
17년 전 | 2025 | |
| 1655 |
|
17년 전 | 2658 | |
| 1654 | 17년 전 | 1479 | ||
| 1653 | 17년 전 | 9802 | ||
| 1652 | 17년 전 | 4461 | ||
| 1651 | 17년 전 | 3290 | ||
| 1650 | 17년 전 | 1815 | ||
| 1649 | 17년 전 | 3606 | ||
| 1648 | 18년 전 | 2290 | ||
| 1647 | 18년 전 | 3738 | ||
| 1646 | 18년 전 | 5193 | ||
| 1645 | 18년 전 | 3847 | ||
| 1644 | 18년 전 | 2700 | ||
| 1643 | 18년 전 | 2948 | ||
| 1642 | 18년 전 | 2455 | ||
| 1641 | 18년 전 | 2794 | ||
| 1640 |
porgy
|
18년 전 | 1905 | |
| 1639 | 18년 전 | 3452 | ||
| 1638 |
컴퓨터기술자
|
18년 전 | 2143 | |
| 1637 |
 FreeMax |
18년 전 | 2264 | |
| 1636 | 18년 전 | 2074 | ||
| 1635 | 18년 전 | 3050 | ||
| 1634 |
귀여운현호
|
18년 전 | 2001 | |
| 1633 |
태양의서쪽
|
18년 전 | 2675 | |
| 1632 | 18년 전 | 3876 | ||
| 1631 | 18년 전 | 4571 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기