Return to Snippet

Revision: 36824
at November 27, 2010 04:44 by nachuge


Initial Code
.customButton { padding-left:8px; display:block; cursor:pointer; background:url(../media/buttons/customButtons.png) no-repeat transparent left 0; height:25px; margin-bottom:10px; float:right; }
    .customButton span.buttons { background:url("../media/buttons/customButtons.png") no-repeat scroll right -25px transparent; display:block; text-align:center; font-size:12px; font-weight:bold; color:#797979; height:25px; margin-left:3px; padding:3px 11px 0 18px; text-shadow:0 1px 0 #fff }
    .customButton span.function { position:absolute; background:url("../media/icons/buttonFunctions.png") no-repeat scroll transparent; display:block; width:18px; height:20px; }
        .customButton span.function.back { background-position:left 1px; }
        .customButton span.function.fans { background-position:left -18px; }
        .customButton span.function.comments { background-position:left -38px; }
        .customButton span.function.send { background-position:left -58px; }


form içindeyken button kullanırken form dışında tüm bu elemanları a üzerine inşa ederiz ve a üzerine inşa ettiğimizde float kullanmazsak %100 genişlik alır bu yüzden float kullanarak tam olarak oturturuz.

Initial URL

                                

Initial Description

                                

Initial Title
button ve a elementlerinde problem

Initial Tags

                                

Initial Language
CSS