Submit Your Article Forum Rules

Results 1 to 8 of 8

Thread: image icon inside a html button

  1. #1

    image icon inside a html button

    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
    Developersouvik [Technology & creativity Spun together]
    Hidden Content

  2. #2
    Senior Member MuNKyonline's Avatar
    Join Date
    Jun 2004
    Posts
    762
    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 =)

  3. #3

    thanks

    let me try..:)

    subho
    Developersouvik [Technology & creativity Spun together]
    Hidden Content

  4. #4
    Senior Member MuNKyonline's Avatar
    Join Date
    Jun 2004
    Posts
    762
    Is that what you needed then?

  5. #5

    thanks

    not actually, but I have done it.Thanks for your help.You've taught me something cool. :)
    Thanks again...
    Developersouvik [Technology & creativity Spun together]
    Hidden Content

  6. #6
    Senior Member MuNKyonline's Avatar
    Join Date
    Jun 2004
    Posts
    762
    It's ok! I think i get what you needed now! How did you manage it in the end?

  7. #7
    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;
    }
    Developersouvik [Technology & creativity Spun together]
    Hidden Content

  8. #8
    Senior Member MuNKyonline's Avatar
    Join Date
    Jun 2004
    Posts
    762
    Ah, I see. Glad you worked it out =)

Similar Threads

  1. Social network 'share this' button in HTML code?
    By kristy7 in forum Syndication and Social Media Discussion Forum
    Replies: 8
    Last Post: 05-26-2011, 11:03 AM
  2. Table Titles, Image Titles, html titles - How important are they?
    By emeraldisle in forum Search Engine Optimization Forum
    Replies: 5
    Last Post: 03-26-2008, 08:22 AM
  3. XHTML Image Reset Form Button?
    By ADAM Web Design in forum Graphics & Design Discussion Forum
    Replies: 0
    Last Post: 05-23-2005, 06:39 PM
  4. Client or visitors have external image HTML removed
    By arclid in forum The Castle Breakroom (General: Any Topic)
    Replies: 2
    Last Post: 07-13-2004, 01:41 PM
  5. How do you center an image using HTML?
    By TheDoctor in forum Graphics & Design Discussion Forum
    Replies: 5
    Last Post: 12-23-2003, 08:46 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •