Cita:
Iniciado por chrno 
buenas!
soy nuevo en lo que a html se refiere, y tengo un problema estoy haciendo una prueva con unas imagenes y usandolas como link.
este es el codigo que estoy usando:
<html>
<head>
<title>aling imagen</title>
</head>
<body background="misaki.png" link="#0000ff" alink="#00ff00" vlink="#ff0000">
<a href="misaki2.png"><img src="misaki2.png" align="left" height="50" weidth="50"></a>
<div align="center">
<a href="misaki3.png"><img src="misaki3.png" height="50" width="50"></a>
</div>
<div align="right">
<a href="misaki4.png"><img src="misaki4.png" height="50" width="50"></a>
</div>
</body>
</html>
la que alineo a la derecha se coloca mas para abajo que todas las demas.
y si la etiqueta <div> no es necesaria, se que puedo poner el atributi align en la etiqueta <img> directamente pero esto era par auna prueba que estaba haciendo.
gracias!!
Al usar divs, puedes posisionarlas de manera absoluta con el código "position: absolute" de CSS.
Usa:
Código:
div.left
{position: absolute; top: 10px; left: 10px}
/*Esta quedará en todo el medio de la página*/
div.center
{margin-left: auto; margin-right; auto; text-align: center; width: 200px}
/*O puedes usar este que puedes ponerlo donde gustes*/
div.center
{position: absolute; top: 10px; left: 110px}
div.right
{position: absolute; top: 10px; left: 210px}
Todo eso en el <head> dentro de un tag <style type="text/css"></style>
Y en el HTML:
Código:
<html>
<head>
<title>aling imagen</title>
</head>
<body background="misaki.png" link="#0000ff" alink="#00ff00" vlink="#ff0000">
<a href="misaki2.png"><img src="misaki2.png" align="left" height="50" weidth="50"></a>
<div class="center">
<a href="misaki3.png"><img src="misaki3.png" height="50" width="50"></a>
</div>
<div class="right">
<a href="misaki4.png"><img src="misaki4.png" height="50" width="50"></a>
</div>
</body>
</html>
Verás una mágica diferencia :P Solo ajusta el "left: 10px" o cual sea para ponerlo a x distancia de el borde izq. de la pantalla.
Espero haber ayudado n.n