Foros del Web » Creando para Internet » CSS »

[problema] centrar imagen con link

Estas en el tema de [problema] centrar imagen con link en el foro de CSS en Foros del Web. Holas a todos, tengo un problema que no puedo centrar la imagen del link con el link. Los links estan en una tabla y estoy ...
  #1 (permalink)  
Antiguo 02/01/2008, 06:44
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 4 meses
Puntos: 1
[problema] centrar imagen con link

Holas a todos, tengo un problema que no puedo centrar la imagen del link con el link.



Los links estan en una tabla y estoy utilizando un sistema de templates (TemplatePower).

De css no tengo casi nada...esto nomas por el momento.

Código HTML:
body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #5677A0;
}

title
{
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

.navbar
{
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}

img 
{
	border-width: 0;
}

a:link
{
	color: #2F466A; text-decoration:none;
}
a:visited
{
	color: #2F466A; text-decoration:none;
}
a:hover
{
	color: #2A63BA; text-decoration:underline;
}
a:active
{
	color: #5E7BAA; text-decoration:none;
}
Código HTML:
<table width="804" border="0" align="center" background="{T_THEME_PATH}/images/bg_wrap.png">
  <tr>
    	<td class="navbar" align="right">
	<img src="{T_THEME_PATH}/images/icon_faq.png" width="12" height="12" alt="*" /> <a href="{HREF_FAQ}">{FAQ}</a><img src="{T_THEME_PATH}/images/icon_user.png" width="12" height="12" alt="*" /> <a href="{HREF_USER}">{USER}</a><img src="{T_THEME_PATH}/images/icon_members.png" width="12" height="12" alt="*" /> <a href="{HREF_MEMBERS}">{MEMBERS}</a>
	</td>
  </tr>
</table> 
  #2 (permalink)  
Antiguo 02/01/2008, 08:16
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 16 años, 10 meses
Puntos: 2
Re: [problema] centrar imagen con link

En la siguiente linea:
Código HTML:
<td class="navbar" align="right"> 
Podrias cambiarla por
Código HTML:
<td class="navbar" align="center"> 
__________________
KIBIT.cl
  #3 (permalink)  
Antiguo 02/01/2008, 17:58
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 4 meses
Puntos: 1
Re: [problema] centrar imagen con link

No, eso cualquiera puede, me refiero a centrarla respecto al icono del link. Es decir que el link quede centrado de vanera vertical respecto de la imagen.
  #4 (permalink)  
Antiguo 02/01/2008, 18:15
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 18 años, 7 meses
Puntos: 55
Re: [problema] centrar imagen con link

primero q nada defini

td {vertical-align:middle;}

y podrias reforzarlo con
a{line-height:xxx px} xxx lo cambias por el alto del icono para q el texto quede centrado
__________________
Degiovanni Emilio
developtus.com
  #5 (permalink)  
Antiguo 02/01/2008, 18:29
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 4 meses
Puntos: 1
Re: [problema] centrar imagen con link

Gracias. Termine usando:

Código:
img 
{
	border-width: 0;
	vertical-align:-2px;
}
Es lo que mejor me andaba.

Gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:37.