Foros del Web » Creando para Internet » HTML »

Posicionamiento de Imagen en Tabla

Estas en el tema de Posicionamiento de Imagen en Tabla en el foro de HTML en Foros del Web. Hola comunidad, quiero hacer lo siguiente. Quiero hacer una cabecera así: Que las Redes Sociales queden como en esa parte. Eso lo hice en FrontPage ...
  #1 (permalink)  
Antiguo 26/10/2012, 23:39
Avatar de Shikari  
Fecha de Ingreso: mayo-2012
Mensajes: 72
Antigüedad: 12 años
Puntos: 0
Posicionamiento de Imagen en Tabla

Hola comunidad, quiero hacer lo siguiente.

Quiero hacer una cabecera así:



Que las Redes Sociales queden como en esa parte.

Eso lo hice en FrontPage y así me quedó la tabla:

Código HTML:
<table border="0" width="1143" height="200" background="http://pkdream.com/foros/images/suen/cabecera.png" align="center"
STYLE="background-repeat:no-repeat; 
box-shadow: 0px 0px 20px #000000; 
border-radius: 10px;">
	<tr>
		<td class="logowrap" width="795" align="right"><a href="http://pkdream.com/foros"><img src="http://pkdream.com/foros/images/suen/logo.png" width="425" height="190" border="0"></a></td>
		<td nowrap height="50">
			<a href="http://www.facebook.com/comunidadpkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/facebook.png" border=0 title="Facebook PkDream" style="position: absolute; top: 175 px; right: 122 px"></a>
			<a href="http://twitter.com/pkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/twitter.png" border=0 title="Twitter PkDream" style="position: absolute; top: 175 px; right: 82 px"></a>
			<a href="http://youtube.com/pkdreamforos" class="navc" target="_blank"><img src="http://pkdream.com/images/youtube.png" border=0 title="Canal PkDream" style="position: absolute; top: 175 px; right: 42 px"></a>
	</tr>
</table> 
Para comprobar que me quedara todo bien, metí ese código en Dreamweaver y quedó mal, no se vio como lo esperaba, quedaron todos los iconos en un solo lugar. Seguí intentando bastante tiempo y no lo conseguí, así que espero y alguien pueda ayudarme, lo que actualmente tengo es esto:

Código HTML:
<table border="0" width="1143" height="200" background="http://pkdream.com/foros/images/suen/cabecera.png" align="center"
STYLE="background-repeat:no-repeat; 
box-shadow: 0px 0px 20px #000000; 
border-radius: 10px;">
	<tr>
		<td class="logowrap" width="795" align="right"><a href="http://pkdream.com/foros"><img src="http://pkdream.com/foros/images/suen/logo.png" width="425" height="190" border="0"></a></td>
		<td align="right">
			<a href="http://www.facebook.com/comunidadpkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/facebook.png" border=0 title="Facebook PkDream"></a>
			<a href="http://twitter.com/pkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/twitter.png" border=0 title="Twitter PkDream"></a>
			<a href="http://youtube.com/pkdreamforos" class="navc" target="_blank"><img src="http://pkdream.com/images/youtube.png" border=0 title="Canal PkDream"></a></td>
	</tr>
</table> 
Y quiero que quede como en la imagen de arriba.

Espero ser claro. Saludos.
  #2 (permalink)  
Antiguo 27/10/2012, 04:30
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Posicionamiento de Imagen en Tabla

Si usas valign debería de quedar como esperas.

Código HTML:
Ver original
  1. <td align="right" valign="bottom">

De todas formas deberías de mirarte el usar CSS para la maquetación del sitio en vez de hacerlo con tablas ya que el uso de las tablas no es el de la maquetación.
  #3 (permalink)  
Antiguo 27/10/2012, 09:37
Avatar de Shikari  
Fecha de Ingreso: mayo-2012
Mensajes: 72
Antigüedad: 12 años
Puntos: 0
Respuesta: Posicionamiento de Imagen en Tabla

Muchas gracias (:

No lo estoy usando par ala maquetación, es para la cabecera de mi foro (: Quería añadir las redes sociales.

Un saludo.

Etiquetas: posicionamiento, tabla
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 21:04.