Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/12/2010, 01:07
Ciel
 
Fecha de Ingreso: julio-2010
Mensajes: 126
Antigüedad: 13 años, 9 meses
Puntos: 5
Agregarle border a un elemento con padding

Hola a todos,

Me acabo de encontrar con un problemita... y doy un ejemplo aca.

Supongamos que creamos un div y dentro de el unos botones, algo asi:

Código:
<div id="box">
    <div class="button">boton1</div>
    <div class="button">boton2</div>
    <div class="button">boton3</div>
</div>
Lo ponemos horizontalmente y demas... le agregames un background a cada boton y un margin entre cada uno. Hasta ahi muy bien... ahora yo quiero que cada boton (especificamente el TEXTO del boton) tenga un espacio entre el borde del mismo, para ello le agrego un padding al class "button" de no se, 10px por ejemplo. Y ahi es cuando surge el problema, si yo al id "box" le quiero agregar un border por ejemplo, para encerrar a todos los botones, el border sale bastante chico, ya que no toma en cuenta el padding de los botones.

De que forma podria solucionar este inconveniente?

Muchas gracias de antemano.

PD: El tema de los botones es simplemente un ejemplo.
PD2: Si no se entendio avisen y muestro algun ejemplo mas ilustrativo.