CSS Button Problem

Discussion in 'CSS' started by caqatay, Dec 23, 2012.

0
  1. #1
    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
     

    Attached Files:

    caqatay, Dec 23, 2012 IP
  2. Sayedtaqui

    Sayedtaqui Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #2
    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
     
    Sayedtaqui, Dec 23, 2012 IP