مشکل با سایه های باتن سایت؟؟؟

[vb8334]

با سلام به تمامی دوستان




دوستان من با فتوشاپ یه سایت طراحی کردم و سایت رو اسلایس کردم من باتن ها رو new layer base style
کردم یعنی اینکه باتن ها به همراه سایه اون ها اسلایس شده مشکل من اینجاست که کدی که برای باتن نوشتم من میخوام فقط وقتی ماوس رفت رو باتن حالت دست بیاد
اما چون new layer base style کردم سایه ها رو هم جزء باتن میدونه یعنی و قتی ماوس پایین تر یا بال تر از محدوده خود باتن هم میره باز هم حالت دست وجود داره ؟

لینک دانلود فایل + psd :

http://faupload.com/upload/91/Khordad/WebSite.rar

مرسی

[Mohsen.]

فکر نکنم راه دیگه ای جز از بین بردن سایه های باتن یا حداقل کوچک کردنشون داشته باشید.
شما با استفاده از خصوصیت box-shadow هم میتونید سایه بدید البته در مرورگرهای جدید.

[Saber Mogaddas]

سلام
با فایل css استایل های زیر رو اضافه کنید :

 .Btn-Wrap {

    background-image:url(../images/btnyellowslide_03.png);

    background-repeat: no-repeat;

    width: 173px;

    height: 96px;

        float: right;

}

.Btn-YS {

      padding: 9px 3px 8px 111px;

    position: relative;

    right: -27px;

    top: 31px;

}

و قسمت html باتن زرد رو به صورت زیر تغییر بدید :

<div id="slide">

            <div id="btnorg">
                            
                            <div class="Btn-Wrap"><a class="Btn-YS" href="#"></a></div>
                    <div class="btn1">
                             <a href="#"><img src="images/btnwhiteslide_03.png" /></a>
                    </div>
            </div>
      </div>

من فقط رو باتن زرد این کار رو پیاده سازی کردم بهترین روش هم همین روش هست برای این مورد ..
برای button دوم نیز شما اینکارو انجام بدید تا کامل متوجه شوید در صورتی که با مشکل برخورد کردید بپرسید ..
موفق باشید..