image icon inside a html button

[subho]

yeah!!!
After a long time....

any way I have a problem.My client need some different kind of button.Like----"HTML button decorated with css, but 3 pixel image icon on every button beside text". How can I make it?

thanks

[MuNKyonline]

Use for the HTML:

<div id="links">
link1
link2
</div>

Try something like this for the css:

#links a {
display: block;
background-image: url(link.gif);
background-repeat: no-repeat;
background-position: 8px 10px;
padding-left: 25px;
padding-top:7px;
width: 140px;
height: 25px;
}

#links a:hover, #menupubsandclubs a:active {
background-image: url(over_link.gif);
background-repeat: no-repeat;
background-position: 8px 10px;
padding-left: 25px;
padding-top:7px;
}

You may need to play around with it to get it to work right but this should set you on the right path! Hope this helps =)

[subho]

let me try..:)

subho

[MuNKyonline]

Is that what you needed then?

[subho]

not actually, but I have done it.Thanks for your help.You've taught me something cool. :)
Thanks again...

[MuNKyonline]

It's ok! I think i get what you needed now! How did you manage it in the end?

[subho]

This is what I did...

.butt {
background-color: #6AB9BE;
border: 1px solid #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
background-attachment: fixed;
background-image: url(icon.gif);
background-repeat: no-repeat;
background-position: 3px center;
padding:2px;
}

[MuNKyonline]

Ah, I see. Glad you worked it out =)