margenes dentro de input text... se puede?

augusto_jaramil · #1 (**permalink**) 10/11/2011, 13:29

Hola a tod@s,

Estoy diseñando una pagina y tengo las siguientes dudas: (soy medio primíparo en esto...)

1. Utilizo cajas de input text con bordes redondeados pero me gustaría que el texto empezara a cierta distancia del borde izquierdo de la caja. Cómo puedo hacerlo?

2. Al definir una tabla con bordes blancos queda como una sombra negra al rededor del borde. Cómo puedo eliminar esa sombra?

Gracias de antemano por sus comentarios y ayuda al respecto

Un Cordial Saludo,

emprear · #2 (**permalink**) 10/11/2011, 13:50

Asi

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body{
background-color: #6A7D9D;
}
input{
padding-left: 10px;
}
table.sinsombra{
border: solid 1px #FFF;
margin-bottom: 15px;
}
/*]]>*/
</style>
</head>
<body>
<form action="#">
<p><input type="text" name="s" value="Hola"/></p>
</form>
<table width="50%" class="sinsombra">
<tr>
<td>
Contenido
</td>
</tr>
</table>
<table width="50%" border="1">
<tr>
<td>
Contenido
</td>
</tr>
</table>
</body>
</html>

Lo del input con padding-left
lo del borde de la tabla, definilo en el css, y no uses boeder="1" en los atributos.

Te buse dos tablas para que compares

Saludos

augusto_jaramil · #3 (**permalink**) 10/11/2011, 15:11

Mil Gracias emprear....

Funcionó al peluche...