majid_darab
شنبه 10 مرداد 1388, 13:18 عصر
با سلام بر شما دوستان عزیز و گرامی :
مشکلی که من دارم این است که می خواهم عکسی را به عنوان بک گراند یک سلول از یک table خاص قرار دهم ، اما....
می خوام عکس مزبور stretch شود و نیازی به تغییر اندازه عکس برای fit شدن در cell نداشته باشم.
برای اینکار دو روش تست کردم که هر کدوم یه جوری اذیت می کنند:
1-یا در css از خاصیت bachground-image اسفاده کنم که در این حالت چه جوری stretch کنم؟؟
(background-size غیر قابل ساپورته)
واما کدش:
<!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">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 500px;
height: 500px;
border: 3px solid #99CCFF;
background-color: #C0C0C0;
}
#cell-1
{
background-image: url(Images/Shenasname.gif);
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="style1">
<tr>
<td id = "cell-1">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
2-در تگ <td> از تگ <img> استفاده کنم که در اینجا میشه width و height رو به صورت صد درصد داد و عکسو در محل fit کرد که این حالت در firefox اذیت می کنه و فقط از لحاظ width تو سلول فیت شده و از لحاظ height یه حالت مرکزیت (center) داره و بالا پایینش خالیه. در ثانی در این حالت اصلا عکس نقش بک گراندو نداره و عناصر بعدی زیر آن قرار می گیرن .چیکار میشه کرد که متن Majid Darab روی عکس بیفته نه زیرش و مشکل firefox هم حل بشه؟
واما کدش :
<!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">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 500px;
height: 500px;
border: 3px solid #99CCFF;
background-color: #C0C0C0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="style1">
<tr>
<td> <img src ="Images/Shenasname.gif" alt = "Smile" width = "100%" height = "100%"/>
Majid Darab
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
با تشکر
مجید
مشکلی که من دارم این است که می خواهم عکسی را به عنوان بک گراند یک سلول از یک table خاص قرار دهم ، اما....
می خوام عکس مزبور stretch شود و نیازی به تغییر اندازه عکس برای fit شدن در cell نداشته باشم.
برای اینکار دو روش تست کردم که هر کدوم یه جوری اذیت می کنند:
1-یا در css از خاصیت bachground-image اسفاده کنم که در این حالت چه جوری stretch کنم؟؟
(background-size غیر قابل ساپورته)
واما کدش:
<!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">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 500px;
height: 500px;
border: 3px solid #99CCFF;
background-color: #C0C0C0;
}
#cell-1
{
background-image: url(Images/Shenasname.gif);
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="style1">
<tr>
<td id = "cell-1">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
2-در تگ <td> از تگ <img> استفاده کنم که در اینجا میشه width و height رو به صورت صد درصد داد و عکسو در محل fit کرد که این حالت در firefox اذیت می کنه و فقط از لحاظ width تو سلول فیت شده و از لحاظ height یه حالت مرکزیت (center) داره و بالا پایینش خالیه. در ثانی در این حالت اصلا عکس نقش بک گراندو نداره و عناصر بعدی زیر آن قرار می گیرن .چیکار میشه کرد که متن Majid Darab روی عکس بیفته نه زیرش و مشکل firefox هم حل بشه؟
واما کدش :
<!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">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 500px;
height: 500px;
border: 3px solid #99CCFF;
background-color: #C0C0C0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="style1">
<tr>
<td> <img src ="Images/Shenasname.gif" alt = "Smile" width = "100%" height = "100%"/>
Majid Darab
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
با تشکر
مجید