Como puedo cambiar de posicion las imagenes.

rockmanotto · 12 Ene 2011, 20:54 · Solicitar retirada

:?: Hola soy nuevo en el foro, me llamo otto, primero que nada quiero agradecer a Jorgens, por esta pagina que me ha sido de mucha ayuda.
Mi pregunta es esta ¿como puedo cambiar de posicion una imagen ? Digamos que la quiero agregar al index.html, pero aparece a la izquierda ¿como puedo ubicarla digamos a la derecha, pero al fondo?Sin que se alteren otros parrafos.Tambien quisiera saber si hay alguna forma de que esas medidas sean en pixeles.
Lo he intentado poniendo {padding-left:50px} en la hojade estilos.css pero solo la recorre a la izquierda 50 px, si le pongo padding-top o bottom ya no responde.
Espero su respuesta.
Gracias.

Yaneth · 12 Ene 2011, 20:56 · Solicitar retirada

para ayudarte

debes pegar aqui el contenido completo de html y css

asi vemos que tienes

rockmanotto · 12 Ene 2011, 23:58 · Solicitar retirada

Hola Yaneth, gracias por contesar, este es el contenido del index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Asuka Langley Soryu.com</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<h1>¡Bienvenidos a la pagina oficial de Asuka!</h1>
<h2>Pagina creada gracias a Rockmanotto</h2>

Pronto estara lista</p>

[contenido no disponible]</p>
[correo eliminado]
<h1 class="p1">ENTRAR</h1>
</body>
</html>

Y este el de la hoja estilos.css
body {background-color:#FF4040; background-image:url(objetos/asuka 1.jpg)
;background-position:center center; background-repeat:no-repeat; height: 100 %;}
h1{text-align: center;font-size:30px}
h2{text-align:center;font-size:20px}
p{text-align:center;font-size:20px}
a{text-decoration:none}
img {border-style: none}
.p1{padding-top:400px}

Lo que puse en negrita del index.html, es el nombre de la imagen, pero la tengo como enlace de e-mail, es esa la imagen que me gustaria saber como cambiar de ubicacion y si se puede aplicar con cualquier imagen.

eze_2493 · 13 Ene 2011, 02:55 · Solicitar retirada

Muy facil puedes ponerlo dentro de una capa
<div id=class"hola(?)">
[correo eliminado]
</div>

y en el css:

hola(?) {
margin:0px 0px 0px 0px;
margin-top:0px;
margin-left:0px:
margin-right:0px;
margin-bottom:0px;
}

Lo rojo es para margin separado lo negro es margin global acordate:
Arriba, Derecha, Abajo, Izquierda.

rockmanotto · 13 Ene 2011, 05:24 · Solicitar retirada

Grax si me funciono, espero no ser latoso jaja,pero como estoy haciendo mi pagina experimental, le muevo a todo para aprender mas jaja.
Me surgio otra duda, ¿como puedo separar el texto el texto de un parrafo cierta distancia?Por ejemplo si pongo:

hola............como estan

Que debo hacer para que esa separacion exista y se note en el index(sin que se noten los puntos).