Como colocar el texto en un lugar expecifico del Div?

MeneXe · #1 (**permalink**) 14/03/2009, 22:24

Bueno, muchas veces cuando tube que hacer esto cree un nuevo Div dentro del anterior Div (usando dreamweaver). El problema es que ahora estoy haciendo un Div que es todo un link, y ahi esta el texto que necesito que coincida con la imagen de fondo.

El tema de como colocar un Div que sea todo Link, junto con un fondo que cambia al señalar lo pregunte y fue resuelto en este post: http://www.forosdelweb.com/f53/como-...0/#post2815037

Pero ahora me surge un problema nuevo, el texto no coincide con el fondo.

El fondo tiene preparado aproposito un sector en donde debe ir el texto, como veran en el archivo el texto no coincide. Si le pongo Margen entonces tambien se desplaza el fondo junto con el texto.

Como hago para mover el texto sin mover el fondo?
O el metodo que sea para que coincida, aca les dejo el archivo de como va quedando la web y como aplique lo enseñado tan amablemente por ustedes :D

Click aqui para descargar la Web con sus imagenes

http://rapidshare.com/files/20888525...ento1.rar.html

Muchisimas gracias, estoy atento a sus respuestas. Muy util todo lo que me enseñaron.

Newbie001 · #2 (**permalink**) 15/03/2009, 01:00

creo que esto no esta muy bien pero.. yo lo meto en un <P> y le doy los margenes necesarios y medidas respectivas

talmente · #3 (**permalink**) 15/03/2009, 04:31

Hola, yo he visto la web y veo lo que quieres hacer, el tema es que lo que quieres hacer, y esto es mi opinión personal, son juegos malabares. Tendrás que trabajar con posición absoluta desde el fondo a los link y me imagino que todo lo que pongas. Personalmente me parece un quebradero de cabeza. Suerte

MeneXe · #4 (**permalink**) 15/03/2009, 13:40

Cita:

Iniciado por talmente

Hola, yo he visto la web y veo lo que quieres hacer, el tema es que lo que quieres hacer, y esto es mi opinión personal, son juegos malabares. Tendrás que trabajar con posición absoluta desde el fondo a los link y me imagino que todo lo que pongas. Personalmente me parece un quebradero de cabeza. Suerte

Perdon pero no entedi, hay solucion?

ssclamp · #5 (**permalink**) 15/03/2009, 18:09

No acabo de entender bien lo que quieres, pero si es lo que imagino pruebas estos cambios hechos sobre tu propio código:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin titulo</title>
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:104px;
	top:62px;
	width:800px;
	height:481px;
	z-index:1;
	background-image: url(sub%20fondo%20bg.jpg);
}
#apDiv2 {
	position:absolute;
	left:213px;
	top:467px;
	width:122px;
	height:59px;
	text-align:center;
	line-height:45px;
	z-index:2;
}

a {
	display: block;
	width: 122px;
	margin: 0px;
	padding: 5px 0px 0px;
	height: 59px;
	color: #000000;
}



.linkuno { no-repeat; }
a:hover.linkuno {background:url(productos%20bg.jpg) no-repeat; }

-->
</style>
</head>

<body>
<div id="apDiv1"></div>
<div id="apDiv2"><a href="http://www.google.com.ar" class="linkuno">Productos</a></div>
</body>
</html>

Saludos

MeneXe · #6 (**permalink**) 15/03/2009, 23:00

Cita:

Iniciado por ssclamp

No acabo de entender bien lo que quieres, pero si es lo que imagino pruebas estos cambios hechos sobre tu propio código:

Saludos

Sos un maestro, te agradezco mucho, simplemente acabo de crear un html con el codigo que me pasaste y el texto esta donde lo queria, solo me queda cambiarle el temaño y fuente, pero leere el codigo y vere como lograste eso.

Si te interesa explicarmelo por las dudas de no lograr descifrarlo igualmente te lo agradezco.

Me cuesta creer que haya tanta buena gente junta en este foro, les agradezco a todos muchisimo, estoy en un momento de situacion economica complicada y espero poder conseguir algo de dinero con lo que estoy aprendiendo de diseño web para poder continuar mis estudios (psicologia 4to año).

Muchas gracias a todos!