Bueno. A mi nadie me contesta.
Estaba esperando un poco la respuesta de
mferna. Y se me pasó el tiempo. Recién miré la página y vi que ya lo arregló, o lo parchó. No voy a mirar porque sufro cuando encuentro esos HTML.
Volviendo al tema del "borde" ¿esto funciona?
Código:
<html>
<head>
<style type="text/css">
form {background-color: silver; }
table {text-align: center; font-weight: 900; font-size: 26px; color: navy; min-width: 50%;
background-image: url(http://img651.imageshack.us/img651/9528/marmol2in.gif); margin: auto; }
input {margin: 26px; width: 150px; border: none; border-width: 0;
background-color: transparent; outline: none; }
input:focus {outline: 2px dotted navy; }
.dato {background-color: transparent; padding: 10px; border-radius: 10px;
background-image: url(http://img16.imageshack.us/img16/2408/semitrans017oh.png); }
</style>
</head>
<body>
<form>
<table>
<tr><td>Campo 01<br>
<span class=dato><input type=text size=10></span></td>
<td>Campo 02<br>
<span class=dato><input type=text></span></td>
</tr><tr><td>Campo 03<br>
<span class=dato><input type=text></span></td>
<td>Campo 04<br>
<span class=dato><input type=text></span></td>
</tr></table>
</body>
</html>
El borde con el foco de
input ya sé que no anda en versiones viejas de IE. Y las esquinas redondas tampoco, pero en el pedido original éstas eran una imagen.
Me olvidé de eso, también podía haberlo incluído en el ejemplo, pero ya fue.