Foros del Web » Creando para Internet » CSS »

Como colocar el texto en un lugar expecifico del Div?

Estas en el tema de Como colocar el texto en un lugar expecifico del Div? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/03/2009, 23:24
 
Fecha de Ingreso: julio-2008
Mensajes: 162
Antigüedad: 9 años, 4 meses
Puntos: 0
Exclamación Como colocar el texto en un lugar expecifico del Div?

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.
  #2 (permalink)  
Antiguo 15/03/2009, 02:00
 
Fecha de Ingreso: febrero-2009
Mensajes: 225
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como colocar el texto en un lugar expecifico del Div?

creo que esto no esta muy bien pero.. yo lo meto en un <P> y le doy los margenes necesarios y medidas respectivas
  #3 (permalink)  
Antiguo 15/03/2009, 05:31
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: Como colocar el texto en un lugar expecifico del Div?

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
  #4 (permalink)  
Antiguo 15/03/2009, 14:40
 
Fecha de Ingreso: julio-2008
Mensajes: 162
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como colocar el texto en un lugar expecifico del Div?

Cita:
Iniciado por talmente Ver Mensaje
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?
  #5 (permalink)  
Antiguo 15/03/2009, 19:09
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: Como colocar el texto en un lugar expecifico del Div?

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
  #6 (permalink)  
Antiguo 16/03/2009, 00:00
 
Fecha de Ingreso: julio-2008
Mensajes: 162
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como colocar el texto en un lugar expecifico del Div?

Cita:
Iniciado por ssclamp Ver Mensaje
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!
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:39.