Hola tengo un problema de como alinear los iconos con respecto a la imagen que esta como fondo de aqui:
http://designblogcp-works.blogspot.com/2011/02/afiliados-2.html
La imagen del fondo y el librito si quedan pero los iconos siempre salen alineados a la izquierda y arriba sin importar donde peguen el codigo.
Ya busque y busque y no doy con nada, y asi llegue a este foro
igual ya lei por aqui unos temas pero no encontre nada, alguien me puede ayudar porfavor? gracias.
Este es el codigo que use
Código:
<div style="position: absolute; left: auto; top: auto; width: 150px; height: 650px;">
<img src="http://1.bp.blogspot.com/-f80Tf_9yvqw/TWwOBFmmFUI/AAAAAAAABJA/pp-XfQ1f8iE/s1600/fondo%2Bde%2Blos%2Bafiliados.png" alt="" align="TOP" border="0" height="650" width="150" />
</div>
<div style="position: absolute; left: auto; top: auto; width: 150px; height: 128px;">
<a title="Afiliados La Elite de Vossed"><img src="http://3.bp.blogspot.com/-TbWa49wz-9M/TWwOBrzKFjI/AAAAAAAABJI/hgwldYNLkkM/s1600/cabecera%2Bde%2Bafiliados.png" alt="" align="TOP" border="0" height="128" width="150" /></a>
</div>
<div style="position: absolute; left: 9px; top: 166px; width: 32px; height: 82px;">
<a href="http://fabulasdevossed.forolatin.com/forum" title="Tu foro ami :D"><img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" /></a>
</div>
<div style="position: absolute; left: 56px; top: 166px; width: width: 32px; height: 82px;">
<a href="http://designblogcp-works.blogspot.com/2011/02/afiliados.html" title="Gibran Odin Chanez"><img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" /></a>
</div>
<div style="position: absolute; left: 103px; top: 166px; width: width: 32px; height: 82px;">
<a href="http://designblogcp-works.blogspot.com/" title="Gibran Odin Chanez"><img oncontextmenu="alert('Ami!! no te vueles las cosas de los demas XD');return false;" onselectstart="alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart="alert('Material Protegido');return false;" src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" /></a>
</div>
<div style="position: absolute; left: 9px; top: 257px; width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 56px; top: 257px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 103px; top: 257px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 9px; top: 348px; width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 56px; top: 348px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 103px; top: 348px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 9px; top: 439px; width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 56px; top: 439px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 103px; top: 439px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="hex8.jpg" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 9px; top: 530px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 56px; top: 530px; width: width: 32px; height: 82px;">
<img src="http://4.bp.blogspot.com/-oWsOczUJu5c/TWwOBwJKV7I/AAAAAAAABJQ/Z8OVOQNkHTI/s1600/SM%2Bafiliaci%25C3%25B3n.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
<div style="position: absolute; left: 103px; top: 530px; width: width: 32px; height: 82px;">
<img src="http://3.bp.blogspot.com/_Skt9IqeFCPg/S9cveIvNc1I/AAAAAAAAA6c/a4io_ECl6Pg/s1600/Sin+t%C3%ADtulo-1.png" alt="" align="TOP" border="0" height="82" width="38" />
</div>
Es para una seccion de un foro, la de afiliados, cada icono cambiara claro, por el de algun afiliado, solo que llene todos los espacios para probar XD.
Saludos.