Hola
Bueno, aquí te dejo una página xhtml 1.1 completita con l oque quieres salvo que yo no utilicé imágenes de flechitas, usé palabras, ya las sustituirás por tu cuenta.
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<script type="text/javascript">
<!--
function variar_valor(x) {
valor = Number(document.getElementById('caja_de_texto').value);
variacion = x;
if ((valor >= 0) && (variacion == 1) || (valor > 0) && (variacion == -1)) {
document.getElementById('caja_de_texto').value = Number(document.getElementById('caja_de_texto').value) + variacion;
} else {
alert('no puede haber menos de cero copias');
}
}
//-->
</script>
<style type="text/css">
textarea {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 1px solid #000000;
padding: 0px;
padding-right: 2px;
margin: 0px;
text-align: right;
}
</style>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<form action="variar_valor(x)">
<p>
Copias a imprimir <textarea id="caja_de_texto" rows="1" cols="3">0</textarea>
<br />
<a href="JavaScript:variar_valor(1)">subir</a>
<br />
<a href="JavaScript:variar_valor(-1)">bajar</a>
</p>
</form>
</body>
</html>
Felicidad