Can you help me to create a css in the image.
Plz see the image at http://www.writely.com/View.aspx?docid=bds46xkhwzpg
Thanks
css for button
Moderators: egami, macek, gesf
I'm not sure what font you used, but this is getting close:
You need to place a div around it because you want to have 2 borders.
Coditor
Code: Select all
<html>
<head>
<style>
div.button {
display: inline;
border: 1px solid #666;
width: auto;
}
input.button {
font-family: Arial;
font-size: 8px;
font-weight: bold;
color: #333333;
background: #b4c9d3;
border: 1px solid #fff;
height: 13px;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div class="button"><input type="button" class="button" value="Browse" /></div>
</body>
Coditor
-
southriver
- php-forum Fan User
- Posts: 50
- Joined: Sun May 29, 2005 8:31 pm
OK, thank you very much. 
-
southriver
- php-forum Fan User
- Posts: 50
- Joined: Sun May 29, 2005 8:31 pm
Code: Select all
<html>
<head>
<style>
div.button {
display: inline;
border: 1px solid #666666;
width: auto;
}
input.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
background: #b4c9d3;
border: 1px solid #ffffff;
height: 16px;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div class="button"><input type="button" class="button" value="More" /></div>
<br>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div class="button"><input type="button" class="button" value="More" /></div></td>
<td></td>
</tr>
</table>
</body>
</html>Plz help me again.
Thks.
Try:
Coditor
Code: Select all
<td height="20"><div class="button"><input type="button" class="button" value="More" /></div></td>
Hi,
Try this for simple button:
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
I hope it helps
Try this for simple button:
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
I hope it helps
