hi,
ich möchte für einige buttons ein hintergrundbild benutzen, welches sich aber der grösse des textes anpasst, den ich bei value="..." angebe.
die grafk hat abgerundete ecken, daher müsste ich diese ja irgendwie zerschneiden, aber dann fehlt ja ein teil button. geht so etwas überhaupt zu machen? ich will ja nicht für jeden text je nach textlänge ein neues hintergrundbild anlegen.
Ich habe nur folgende lösung, bin mir aber nicht sicher, ob sich das nicht eleganter machen lässt: (vom submit button fehlen rechts 2px, da dieser teil im div abgelegt ist...)
Code:
<!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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
.submit_wrap{
float: left;
background-color: #009933;
background: url(submit_02.gif) right 0 no-repeat;
padding-right: 2px;
}
.submit{
background: url(submit_01.gif) 0 0 no-repeat;
border: none;
padding: 5px;
}
</style>
</head>
<body>
<form>
<div class="submit_wrap">
<input type="submit" class="submit" value="los geht's"/>
</div>
</form>
</body>
</html>
