Hey Guys,

I am just learning CSS and...!
I have questions:
I can't figure it out to create buttons from my own graphics( I created it using photoshop and make it gif) and also,
I want it when its hover, its change to the other graphics buttons.

for example:
http://www.tanyamerone.com/

the main navigation of that site and also can someone tell me where I can find css tutorials to create this kind of form
http://www.golfandsave.ca/buyamembership.htm
(select region form)

thanks guy

you say tanyamerone for an expamle? she doesnt use graphic buttons, just a CSS on hover background change color.

if you want to use graphics like that you could do it in CSS by changing background-color:#222, to background-image: blah blah.... thats the CSS way, i believe.

That's all css my man. No images required.

a:link, a:visited, a:active, a:hover {
    color: #748685;
    text-decoration: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #dcebe9;
    border-top: 1px solid #fff;
}
a:hover {
    color: #2e3736;
    background-color: #d2eae8;
}

As far as the form goes, that is just a standard HTML form layed out in a table. CSS is used to style the form with background-color: #ffffa0

But, if you want to see the use of CSS and graphics for buttons, try viewing the code here: http://www.springshadowsfamily.com. CSS file is called main.css.

Thanks guys for the Information about Tanya site

anyway, I am still curious to make a button from my graphics
hmmm i hope this example won't be wrong
http://www.bc.lung.ca/

like that horizontal main navigation but without the drop down menu.
I could't figure it out how you make it the text of the links invisible. horizontal, but still clickable and add some hover effect

For rollovers, here's a quick handy form that does the CSS grunt work for you:

http://www.colly.com/scripts/rollover.html

And ther eare also these little gems:

http://www.exploding-boy.com/2005/12...cal-css-menus/

http://www.exploding-boy.com/2005/12...ation-designs/

You do NOT want any 'invisible' links, search engines won't like you very much if you go hiding things like that.

For the horizontal navigation, use an unordered list for your menu items, set the <li> to display:inline. Set the background of the <a> items to be your button graphics (hover only works on links in IE 6 and below). The text for your buttons will be what's in the link.

thanks guys and thanks lady for the advice

I really appreciate it!