Foros del Web - Ver Mensaje Individual

kenyis01 · #1 (**permalink**) 02/09/2011, 20:17

Bueno quiero poner una imagen en un link para que sea un botón.... Este es mi código:

Código HTML:

<body>

<!-- 
***********************************

START THE LAYOUT SITE

************************************ 
-->
 
 <div class="wrapper"></div>
     <div id="container">
         <div id="header">
             <ul id="main_menu">
                <li class="first_element"><a href="index.html">Inicio</a></li>
                <li><a href="acciones.html">Acciones</a></li>
                <li><a href="carrerasycursos.html">Carreras y Cursos</a></li>
                <li><a href="profesionales.html" class="selected">Profesionales</a></li>
                <li><a href="publicaciones.html">Publicaciones</a></li>
                <li><a href="noticias.html">Noticias</a></li>
                <li><a href="agenda.html">Agenda</a></li>
                <li><a href="contacto.html">Contacto</a></li>
             </ul>
         </div>
         <!-- END HEADER -->
         
         <!-- BOX -->
         <div id="boxcontent">
     <center><img src="images/banners/profesional.png" width="790" height="180" border="0" alt="Inicio" 

/></center><br />
             <div id="box_text">
                <h2>Profesionales</h2>
<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/quellet.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Ricardo Luis Quellet</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/john doe.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Jorge Alberto Espina</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/3.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Ana Mar&iacute;a Lamas</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/4.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Mar&iacute;a Jos&eacute; Espona</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/5.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Silvia Capuz</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/6.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Enrique O. Gussoni</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/7.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Mabel Cristina Pilomeno</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table><br />

<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
<td width="183"><img src="images/cv/8.jpg" width="90" height="75" class="cv-img"></td>
<td width="183" valign="middle"><strong> Cristina Lamas</strong></td>
<td width="183"><a href="quellet.html" class="mini-cv">Ver mini-cv</a></td>
</tr>
</table>
                <div id="bottom-action"><img src="images/bg-aboutus-narrow-bottom.gif" width="550" height="14" 

border="0" alt="Bottom" /></div>
            </div>
            
            <!-- END BOX -->
                <div id="footer">
                <p class="menu_bottom"><a href="index.html">Inicio</a> | <a href="acciones.html">Acciones</a> | 

<a href="carrerasycursos.html">Carreras y Cursos</a> | <a href="profesionales.html">Profesionales</a> | <a 

href="noticias.html">Noticias</a> | <a href="agenda.html">Agenda</a> | <a href="contacto.html">Contacto</a>
                <p>© 2011 Centro Ficch - Todos los derechos reservados - <a 

href="terminos.html">T&eacute;rminos y Condiciones</a> | <a href="mapa.html">Mapa del sitio</a></p><br />
                <p class="last">Franklin D.Roosevelt 3423 5º "19", Capital Federal - Buenos Aires, Argentina | 

<a href="admin/index.php">&Aacute;rea para miembros</a></p><br />
                <p class="last">Diseño del sitio: Alejo Zambecchi | Colaboraci&oacute;n: Mateo Miccino</p>
                </div>
                <div id="bottom-footer"><img src="images/bottom-footter.gif" width="800" height="54" border="0" 

alt="Bottom" /></div>
     </div>
     <!-- END CONTENT CONTAINER -->
 </div>
 
<!-- 
***********************************

END THE LAYOUT SITE

************************************ 
-->

</body>
</html>

Código CSS:

Ver original/*----------------------------------------
professional
----------------------------------------*/
    a.mini-cv {
        background:url(images/btn-mini-cv.gif) left top no-repeat;
        text-indent:-9999em;
        display:block;
        height:27px;
        width:92px;
        margin:0 auto;
    }
        a.mini-cv:hover {
            background:url(images/btn-mini-cv.gif) left bottom no-repeat;
        }

El botón es este:

Alguna sugerencia de como arreglarlo para que se vea? :/