Hi guys,
Would anyone know of a place or tutorial somewhere that would help in making customized buttons? I'm talking about making text links look like they're buttons and not form buttons themselves. The idea would be to surround the text (bookended, actually) with images and simply have a tiled background.
Any help would be appreciated. Thanks.perhaps this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->) will be of use...Hmmm...
Is there another way other than having to use lists? The way I'm trying to get it to work right now is by using spans. I'd have to nest one inside the other though... perhaps the illustration would give you a better idea of what I'm trying to achieve.
Thanks for the tip though, Sam.ah, in that case, this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors/">http://www.alistapart.com/articles/slidingdoors/</a><!-- m -->) alistapart article is what you're looking forAlthough that article was helpful Sam, it looks like you have to rely on lists again.
I've been working at it and I finally came up with this:
<!-- m --><a class="postlink" href="http://www.itgco.com/testsites/css/css_button.html">http://www.itgco.com/testsites/css/css_button.html</a><!-- m -->
Can you guys take a look at the code and see if it can be worked better? More efficient? I don't really like the idea of having to nest a span inside another span. The other problem I see is that the padding gets thrown off when a user would resize the browser's text. But that really doesn't bother me all that much.
Opera, of course doesn't display any of the images
Thanks!Originally posted by ajimenez
Although that article was helpful Sam, it looks like you have to rely on lists again.
Why is that bad? To be semantically correct, your list of links should be marked up as a list. Also, I don't see any disadvantages with using a list; the ALA article accomplishes what you wish to achieve, and they use a list.I never said that using a list would be bad. I was just looking to see if there was an alternative to having to use lists. Because technically, the link is not a list. If it was a series of links used for the purpose of navigation or menu, then yes, I do see the need to use lists.
But if I want to use one link outside of that and just have it free floating somewhere in the body, does it have to be a list? Especially if it's only one item. Does that make sense?
I'm glad you replied to this post though. This is the type of feedback that I'm looking for
Ah, I get it now. I thought you were using several links, as some sort of navigation. But if you're only using one, then a list would not be correct.
Would anyone know of a place or tutorial somewhere that would help in making customized buttons? I'm talking about making text links look like they're buttons and not form buttons themselves. The idea would be to surround the text (bookended, actually) with images and simply have a tiled background.
Any help would be appreciated. Thanks.perhaps this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->) will be of use...Hmmm...
Is there another way other than having to use lists? The way I'm trying to get it to work right now is by using spans. I'd have to nest one inside the other though... perhaps the illustration would give you a better idea of what I'm trying to achieve.
Thanks for the tip though, Sam.ah, in that case, this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors/">http://www.alistapart.com/articles/slidingdoors/</a><!-- m -->) alistapart article is what you're looking forAlthough that article was helpful Sam, it looks like you have to rely on lists again.
I've been working at it and I finally came up with this:
<!-- m --><a class="postlink" href="http://www.itgco.com/testsites/css/css_button.html">http://www.itgco.com/testsites/css/css_button.html</a><!-- m -->
Can you guys take a look at the code and see if it can be worked better? More efficient? I don't really like the idea of having to nest a span inside another span. The other problem I see is that the padding gets thrown off when a user would resize the browser's text. But that really doesn't bother me all that much.
Opera, of course doesn't display any of the images
Thanks!Originally posted by ajimenez
Although that article was helpful Sam, it looks like you have to rely on lists again.
Why is that bad? To be semantically correct, your list of links should be marked up as a list. Also, I don't see any disadvantages with using a list; the ALA article accomplishes what you wish to achieve, and they use a list.I never said that using a list would be bad. I was just looking to see if there was an alternative to having to use lists. Because technically, the link is not a list. If it was a series of links used for the purpose of navigation or menu, then yes, I do see the need to use lists.
But if I want to use one link outside of that and just have it free floating somewhere in the body, does it have to be a list? Especially if it's only one item. Does that make sense?
I'm glad you replied to this post though. This is the type of feedback that I'm looking for
Ah, I get it now. I thought you were using several links, as some sort of navigation. But if you're only using one, then a list would not be correct.