سوال: قرار دادن تصویر در سمت راست کنترل باتن [بایگانی]

myazdani

شنبه 11 آذر 1391, 00:11 صبح

سلام

چه جوری می تونیم تو باتن یک تصویر(آیکن) رو در سمت راست دکمه داشته باشیم و در ادامه ش عنوان دکمه رو بیاریم؟؟

برا قرار دادن عکس تو سمت چپ و متن در سمت راست کد لازم رو پیدا کردم ولی هر تغییری میدم که برعکس بشه لحاظ نمی کنه ش! :متفکر:

ali9698

شنبه 11 آذر 1391, 00:28 صبح

خوب چرا متنتون رو هم داخل خود عکس نمیزارین. البته اگه حجم عکس زیاد مهم نیست

hamed_hossani

شنبه 11 آذر 1391, 07:47 صبح

سلام
به نظر من یک کنترل img و button کنار هم قرار بدید و با css انها را مقدار بدید که در کنار هم نشون داده شوند.>با jquery راحت می تونید

myazdani

شنبه 11 آذر 1391, 16:11 عصر

از راهنمایی هاتون ممنونم

متنو نمی تونم داخل عکس بذارم چون هم متن به هم می ریزه هم عکس هم کار زیاد می بره

کنترل Img و btn رو هم کنار هم گذاشتم جالب نبود و اونجوری که می خواستم نشد . ضمن اینکه از jquery هم سر رشته ندارم
راه دیگه ای وجود نداره؟

malloc

شنبه 11 آذر 1391, 18:55 عصر

سلام

چه جوری می تونیم تو باتن یک تصویر(آیکن) رو در سمت راست دکمه داشته باشیم و در ادامه ش عنوان دکمه رو بیاریم؟؟

برا قرار دادن عکس تو سمت چپ و متن در سمت راست کد لازم رو پیدا کردم ولی هر تغییری میدم که برعکس بشه لحاظ نمی کنه ش! :متفکر:

بیا داداش این نمونه ساده رو الان نوشتم ببین کارتو راه میندازه

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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">
.bg
{
background-image:url('1.png');
background-repeat:no-repeat;
background-position:right;
text-align:left;
border:1px solid blue;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:Button ID="Button1" CssClass="bg" runat="server" Height="42px" Text="Serach"
Width="121px" />

</div>
</form>
</body>
</html>

myazdani

شنبه 11 آذر 1391, 18:58 عصر

این کدیه که عکس رو سمت چپ دکمه قرار میده

تصویر پیوست هم عکس باتن مربوطه هستش
<

asp:Button ID="btnKotAdd" runat="server" onclick="btnKotAdd_Click"

style="margin-right: 10px; background-image: url('Images/newaccess.png'); background-repeat:no-repeat; height:35px;"

Text="Kot Addtion" width="180px" Font-Overline="False" CssClass="s1" />
95866

malloc

شنبه 11 آذر 1391, 19:03 عصر

95867
اگه کدی که من گفتم و بزنی مثل عکس بالا میشه.