Foros del Web » Creando para Internet » HTML »

¿Como coloco una imagen en la parte que quiera?

Estas en el tema de ¿Como coloco una imagen en la parte que quiera? en el foro de HTML en Foros del Web. Hola buenas a todos. Después de 1 año sin programar me he animado y aquí estoy. Tengo un par de dudas, y empezando por estas: ...
  #1 (permalink)  
Antiguo 07/08/2015, 13:35
 
Fecha de Ingreso: marzo-2014
Mensajes: 168
Antigüedad: 10 años, 8 meses
Puntos: 2
¿Como coloco una imagen en la parte que quiera?

Hola buenas a todos. Después de 1 año sin programar me he animado y aquí estoy.

Tengo un par de dudas, y empezando por estas:

1. Como puedo colocar la imagen en un fondo en el sitio que quede bien estéticamente. Es decir, colocar a partir de coordenadas o algo una imagen. Este es el código. En el casti.png es un fondo ("casti.png") en el cuál quiero colocar la imagen ("iniciar.png") pero al poner left se queda pegada arriba a la derecha y queda muy mal. Ojalá se pudiese bajar un poco y traer a la izquierda.

casti.php:
[spoiler]
Código HTML:
<html lang="es">
	<head>
		<title>Play Lore</title>
		<meta http-equiv="Content-Type" content=text/html; charset=iso8859-1>
        <link rel="stylesheet" type="text/css" href="castillo_style.css">
    </head>

	<body 
	<div background="C:\Users\SERGI\Desktop\Castillo/casti.png">
	</div>
    
    <form>
    <input type="image" src="iniciar.png" align="right">
    </form>
   
    </div>
    
	</body>
</html> 
[/spoiler]

castillo_style:
[css]<spoiler>*{


}

input#iniciar{
padding:5px 50px;

}

input#boton:hover{
background-color: #57A9FF;
}[/css]
</spoiler>

2. A partir del botón de "iniciar.png" quiero que me redireccione a otra web y no se como hacerlo ya que no es un botón, es una imagen pero actúa cómo un botón. No se, es raro XD.

P.D: ¿Teneis algun tutorial de php o html por aqui?

Muchas gracias por leer esto, atentamente:
-OfSerker
  #2 (permalink)  
Antiguo 07/08/2015, 18:18
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 5 meses
Puntos: 263
Respuesta: ¿Como coloco una imagen en la parte que quiera?

con onclick y js puedes hacer eso, o utiliza un href a partir de la imagen, algo como:

Código PHP:
Ver original
  1. <a href="#"><img src=""/></a>
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 07/08/2015, 19:31
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: ¿Como coloco una imagen en la parte que quiera?

Antes que nada te diria que te actualices un poco.. lee sobre HTML5, el atributo "align" ya no se usa, al igual que background en la etiqueta.. ahora se aplican todos los estilos en una hoja de estilos aparte..

Para poner la imagen de fondo usa background-image:url(ruta/de/tu/imagen.jpg);, y para posicionarla donde quieras background-position: valorX valorY; donde "valorX" es el numero de pixeles que se va a mover la imagen hacia la derecha (o izquierda si es negativo) y "valorY" es el numero de pixeles que se va a mover hacia abajo (o hacia arriba si es negativo).

Para que la imagen sea un enlace a otro sitio es justamente como te dijo xfxstudios, deberías envolver la imagen con una etiqueta <a href="ruta/ o direccion.com"></a>

Saludos

PD: Revisa la etiqueta <meta charset> te faltan comillas en charset y content.. y te recomiendo que uses UTF-8 en lugar de ISO 8859-1.

Y esto:

Código HTML:
Ver original
  1.     <input type="image" src="iniciar.png" align="right">
  2.   </form>

Es innecesario.. con usar la etiqueta <img src="" /> es suficiente.

Última edición por fede5426; 07/08/2015 a las 19:37

Etiquetas: css, parte, php, todo
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 22:36.