Hi everyone.I have to make button with this css code.Here is my css codes: object , embed{ float: left; } border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; .jw_playlist_playlist { float:left; width: 30px; height: 30px; <!--[if gte IE 6]>float:right;<![endif]--> } .jw_playlist_image { width: 75px; height: auto; float:left; } .jw_playlist_image_div { border: 1px solid #000000; padding: 0 5px; margin: 0 5px; float:left; background-color:white; } .jw_playlist_item { padding:10px 20px; float:left; cursor:pointer; } .clear { clear:both; height: 0; float:left; } .jw_playlist_title { font-weight: bold; color: black; float:left; } .jw_playlist_description { } .even { background-color: #EEEEEE; } .odd { background-color: #FFFFFF; } .playing { background-color:yellow; } Code (markup): here is this code buttons this buttons are square and joint. i wanna make this buttons like that : ? can anyone edit this code for me..? sorry for my bad language..thanks.. can
Your question is not very clear to me and dont why you have written this much of code. I guess you want your buttons to be seperated like in the second picture. So here is the simple code. You can manipulate it the way you want and change the background color from red to the same gradient from anywhere online. <style> .backcol input{ border:1px solid #000; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:12px; height:30px; width:30px; font-weight:bold; } .backcol input:hover{ background-color:yellow; } .backcol{ background-color:red; height:50px; width:200px; } </style><body> <div class="backcol"><input type="button" value="1"><input type="button" value="2"><input type="button" value="3"><input type="button" value="4"><div> </body> HTML: get in touch on facebook if you were intending to ask something else . I can write the code for you facebook.com/sayed.taqui