farghabil
سه شنبه 20 فروردین 1392, 23:46 عصر
یه نم.نه گالری عکس میزارم فکر کنم کارت راه بیفته
این کد css
\
#container
{
margin: 100px auto;
width: 610px;
}
ul.gallery
{
margin: 0;
padding: 0;
}
ul.gallery li
{
float: left;
list-style: none;
margin: 0 2px 2px 0;
padding: 5px 5px 0 5px;
border: 3px solid #acacac;
background-color: #fff;
}
ul.gallery img
{
width: 100px;
height: 75px;
}
ul.gallery li:hover
{
position: relative;
top: -56px;
left: -75px;
width: 250px;
height: 188px;
padding: 3px;
border: 3px solid #000;
z-index: 1;
}
ul.gallery li:hover img
{
width: 250px;
height: 188px;
}
#container div
{
float: left;
width: 118px;
height: 93px;
}
اینم html
<html>
<head>
<link href="CSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<ul class="gallery">
<div><li><img src="1.jpg" alt="" /></li></div>
<div><li><img src="2.jpg" alt="" /></li></div>
<div><li><img src="3.jpg" alt="" /></li></div>
<div><li><img src="4.jpg" alt="" /></li></div>
<div><li><img src="5.jpg" alt="" /></li></div>
<div><li><img src="6.jpg" alt="" /></li></div>
<div><li><img src="7.jpg" alt="" /></li></div>
<div><li><img src="8.jpg" alt="" /></li></div>
<div><li><img src="9.jpg" alt="" /></li></div>
<div><li><img src="10.jpg" alt="" /></li></div>
<div><li><img src="11.jpg" alt="" /></li></div>
<div><li><img src="12.jpg" alt="" /></li></div>
<div><li><img src="13.jpg" alt="" /></li></div>
<div><li><img src="14.jpg" alt="" /></li></div>
<div><li><img src="15.jpg" alt="" /></li></div>
</ul>
</div>
</body>
</html>