que bueno que te sirva
el margin, padding, border si los escribes de esa manera y le das un valor lo aplicara a los 4 lados, ahora para ahorrar lineas de código puedes ponerlo así
Código:
top right bottom left
margin:15px 10px 5px 20px;
y la otra pregunta es no, se ven así por que el texto no es mas largo ahora si quieres que todas las imagenes se coloquen debajo de las otras cuando sobrepase el tamaño tendrías que poner un contenedor y dos columnas de esta manera:
Código:
#scroll {
width:100%;
height:640px;
background-color:#000000;
overflow:auto;
display:table;
}
#col_izquierda{ width:420px; height:auto; float:left}
#col_derecha{ width:550px; height:auto; float:right;}
.imgs_chicas{background-color: #666666;float:left;margin:0 0 5px 5px;}
.img_grande{background-color: #666666; margin:10px; float:left}
Código HTML:
<table style="width:100%">
<tr>
<td style="width:100%; height:100px; background-color:#333333; color:#FFFFFF">
AQUI VA EL HEADER
</td>
</tr>
<tr>
<td colspan="28" style="background:URL(images/about_52.jpg)" width="850">
<div id="scroll" >
<br />
<div id="divtitulo1" class="h1">BIOGRAPHY, QUALIFICATIONS AND DUTIES OF THE OFFICERS
Of CRUSH INC.</div>
<div id="divtitulo2left" class="h4">PRESIDENT:</div>
<div id="col_izquierda">
<img name="prueba" src="" width="400" height="400" alt="Imagen de prueba" class="img_grande" />
</div>
<div id="col_derecha">
<p class="style2">Deedee Urbano, President, CRUSH INC. is currently working in the facilities engineering industry as a Project Administrator for Winzler and Kelly and has been there for two years. Her background is a combination of project administration and management as well as computer drafting in the architectural and engineering fields and management for architectural and construction firms. She also has experience as a business owner and manager of an interior design and architectural drafting firm. She was born and raised in Napa and has worked for the past five years with the Napa Coats for Kids program as the Assistant Director and has experience with several fundraising events and charity programs and organizations.</p>
<div class="style1">SECRETARY:</div>
<p class="style2">Ray Urbano, Secretary, CRUSH INC. is a Police Officer for the City of Napa, CA. and has served this community for nine years. He has served on the Board of Directors of the First Baptist Church for a term of three years, one of which he served as moderator. He is the Founder and Director of the Napa Coats for Kids charity program. He has been a member of the Napa Elks Lodge #832 for over two years. He has experience with several fund raising events and charities in the Napa community.</p>
<p class="style2">asdf sdfas df</p>
<p class="style2">asdf asdf asdf asd </p>
<img name="prueba1" src="" width="100" height="100" alt="Imagen 1" class="imgs_chicas" />
<img name="prueba2" src="" width="100" height="100" alt="Imagen 2" class="imgs_chicas" />
<img name="prueba3" src="" width="100" height="100" alt="Imagen 3" class="imgs_chicas" />
<img name="prueba4" src="" width="100" height="100" alt="Imagen 4" class="imgs_chicas" />
<img name="prueba5" src="" width="100" height="100" alt="Imagen 5" class="imgs_chicas" />
<img name="prueba6" src="" width="100" height="100" alt="Imagen 6" class="imgs_chicas" />
</div>
</div>
</td>
</tr>
<tr>
<td style="width:100%; height:100px; background-color:#333333; color:#FFFFFF">
AQUI VA EL FOOTER
</td>
</tr>
</table> Espero haberme explicado bien..