Click here to Skip to main content
6,822,613 members and growing! (16,280 online)
Email Password   helpLost your password?
Web Development » HTML / CSS » General     Beginner

fun with css part 1

By Daniel Walzenbach

spice up your fields
CSS, HTML.NET1.0, .NET1.1, .NET2.0, Win2K, WinXP, Win2003, Visual-Studio, Dev
Posted:13 Jun 2005
Views:24,993
Bookmarked:22 times
Unedited contribution
printPrint   add Share
      Discuss Discuss   Broken Article?Report  
10 votes for this article.
Popularity: 2.82 Rating: 2.82 out of 5
1 vote, 10.0%
1
3 votes, 30.0%
2

3
3 votes, 30.0%
4
3 votes, 30.0%
5

Sample Image - fun_with_css_part_1.jpg

Introduction

Well, I don't know about you but I can't stand those plain html buttons. Fortunately though there is a solution ;-)
Just create a .css file like the following

.niceButton
{ 
    padding: 0px 4px 4px 4px;
    font-size: 8pt; 
    font-family: Verdana; 
    height: 19px; 
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#dcdcdc, EndColorStr=#ffffff);
    border-right: #7b9ebd 1px solid;
    border-top: #7b9ebd 1px ridge; 
    border-left: #7b9ebd 1px ridge;
    border-bottom: #7b9ebd 1px ridge;
} 

set the <input /> control's class property to the .css class created above

<input type="submit" name="Button" value="this is nice" id="Button" class="niceButton" />

and enjoy.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

Daniel Walzenbach


Member
Software Architect, MCAD.NET
Occupation: Web Developer
Location: Germany Germany

Other popular HTML / CSS articles:

Article Top
You must Sign In to use this message board.
FAQ FAQ 
 
Noise Tolerance  Layout  Per page   
 Msgs 1 to 7 of 7 (Total in Forum: 7) (Refresh)FirstPrevNext
GeneralProblems in IE PinmemberDewang Mehta17:32 14 Jul '07  
GeneralUsability PinsitebuilderUwe Keim20:42 13 Jun '05  
GeneralWhat about the fox!? Pinmemberoykica13:21 13 Jun '05  
GeneralRe: What about the fox!? PinmemberDaniel Walzenbach18:59 13 Jun '05  
GeneralRe: What about the fox!? Pinmemberoykica23:17 13 Jun '05  
GeneralRe: What about the fox!? PinmemberDaniel Walzenbach1:19 14 Jun '05  
GeneralRe: What about the fox!? Pinmemberoykica4:27 14 Jun '05  

General General    News News    Question Question    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads.

PermaLink | Privacy | Terms of Use
Last Updated: 13 Jun 2005
Editor:
Copyright 2005 by Daniel Walzenbach
Everything else Copyright © CodeProject, 1999-2010
Web18 | Advertise on the Code Project