Hi Don

Your HTML will be:

<a href="#" class="button" title="Download">Download</a>

...and your CSS (remember to change the link to the image) will look something like

a.button {
    background: url(button.png) no-repeat center;
    color: #fff;
    display:block;
    height: 35px;
    padding-top: 16px;
    text-align: center;
    text-decoration: none;
    width:154px;
}

a:hover.button {
    /* style as necessary */
    font-weight:bold;
}


HTH

Cheers,
Mick


On 06/06/2011 06:21, justaguy wrote:
Mick,

I can read CSS but not create some fancy one, could you be more
specific, when I view the CSS code for your previous link (it has tons
of code), so, if the following can be done with fewer lines of CSS
code, it would be wonderful.  btw, I'm simplifying my software as
well... :)

Thanks in advance.

Don


On May 30, 11:10 am, Michael Kolaski<[email protected]>  wrote:
Hi Don

I removed the text from your existing 
button:http://dl.dropbox.com/u/516178/button.png

All you need to do now is make each "button" link into a regular text link
and then in your CSS, remove the underline and set button.png as your
background-image

HTH

Cheers,
Mick

On 27 May 2011 19:24, justaguy<[email protected]>  wrote:

Mick,
What you provide is interesting.  However, the shape can't be created
to be exactly as the one I have.   But I could probably create two
identical ones and get rid of the current one instead.
Your tool is neat.
Don
On May 27, 5:13 am, Michael Kolaski<[email protected]>  wrote:
They're using an image - if you want to use CSS then have a look
athttp://css-tricks.com/examples/ButtonMaker/whichwill produce the code
for you.
HTH
Cheers,
Mick
--
Pinnacle Web Designhttp://www.pinnaclewebdesign.co.uk|
http://twitter.com/pinnacleweb
On 27/05/2011 03:11, justaguy wrote:
Hi,
I need a button that reads [Test Drive] similar to the [Download Now]
athttp://lnkd.in/6-G2XU
Could anyone help? Would greatly appreciate it.
--
--
You received this because you are subscribed to the "Design the Web with
CSS" at Google groups.
To post: [email protected]
To unsubscribe: [email protected]

--
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]

Reply via email to