11-01-2011, 22:34
Pewnie już na to wpadłeś, a jeśli nie to tutaj masz rozwiązanie:
Do twojego kodu wystarczyło dołączyc taką linijke a.button_link {padding:5px 10px;}.
Pozdrawiam.
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
input[type=submit], a.button_link {
float:left;
display:block;
padding:4px 10px;
color:#0073ea;
font-weight:bold;
background-color:#fafafa;
text-decoration:none;
border:1px solid #dddddd;
margin:3px 3px 3px 0;
line-height:16px;
cursor:pointer;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
a.button_link {
padding:5px 10px;
}
input[type=submit]:hover, a.button_link:hover {
color:#ffffff;
background-color:#0073ea;
border:1px solid #0073ea;
}
</style>
</head>
<body>
<input type="submit" value="Zapisz"/>
<a href="#" class="button_link">Usuń</a>
</body>
</html>
Do twojego kodu wystarczyło dołączyc taką linijke a.button_link {padding:5px 10px;}.
Pozdrawiam.