Texto fijo sobre imagen en dreamweaver

xuskireckin · #1 (**permalink**) 02/12/2012, 10:50

Hola! Estoy haciendo una web y e puesto una imagen de fondo y una imagen de fondo de un estilo y se ven ambas luego coloco enlaces texto sobre esta imagen y la voy fijando pero..... cada navegador y cada pantalla lo lee de distinta forma!!!

y el texto se me desplaza.. mi pregunta es.
¿como hago para que el texto quede en un sitio exacto de la imagen(ke hay sobre la de fondo)?
thanks..

pzin · #2 (**permalink**) 02/12/2012, 10:55

Los navegadores tienen conceptos diferentes sobre cómo poner cada cosa en su lugar. Afortunadamente cada vez menos. Y lo de las resoluciones de pantalla, es algo habitual para lo que hay correcciones varios, diseño líquido, diseño flexible, RDW...

Sea como sea, sin poner nada de código poco se te puede ayudar. Cuando respondas con el código, asegúrate de usar highlight; es de vital importancia.

xuskireckin · #3 (**permalink**) 02/12/2012, 11:18

yo pongo una mano de fondo de estilo y kiero ke en todos los navegadores kede kada enlace en un dedo... de ke manera como lo hago?

este es el codigo

<!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>Venta Nueva</title>
<link href="../paginas/estiloss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #6FF;
}
</style>
</head>

<body background="../FONDO.jpg">

 
 
 
 
 
 


 

&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
 <a href="alternativos\alternativos" class="botones">Alternativos</a>

 
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp

 
 
<a href="sostenible\sostenible" class="botones">Sostenible</a>
 
 
 

 
 
 

 
<a href="comprometido\comprometido" class="botones">Comprometido</a>
 
<a href="Ecologico\Ecologico" class="botones">
Ecologico</a>
 
<a href="Ecologico\Ecologico" class="botones">Creativos</a>

 
 

 
 



</body>
</html>

xuskireckin · #4 (**permalink**) 02/12/2012, 11:19

no se ke es highlight

furoya · #5 (**permalink**) 02/12/2012, 15:15

¡Diooooseeees!

:

Vamos por lo vital.

En el editor vas a encontrar una herramienta desplegable con los distintos highlight para cada lenguaje. Vos deberías usar el de HTML, y poner así el código completo de la página.

Si tenés problemas con esa herramienta, o como muchos de nosotros, tipeás el mensaje en cualquier editor de texto, solamente con poner

[code]

al pricipio de tu código de ejemplo, y

[/code]

al terminarlo, es más que suficiente. Hasta te lo agradecería en vez del highlight. (En realidad, el botón [#] hace justamente eso en el editor avanzado del Foro.)

Lo que sí, ¡ni se te ocurra usar otra etiqueta como [quote]! La gente que lo hace nos da mucha vergüenza como comunidad.

Ahora vamos a tu asunto. Estás usando la mala lógica de procesador de texto. Porque ni ahí se ubican enlaces con saltos de línea.

Como tenés de referencia una imagen de fondo, y la imagen (por sí sola) no cambia de tamaño en pixeles, ubicás con CSS cada enlace usando posiciones absolutas. Le das a cada <a href="" ></a> su propio id="" y con position: absolute o position: fixed (depende de cómo quieras que se mantengan en la página) las ubicás con sus coordenadas top: y left: siempre en pixeles.

Cuando tengás algo hecho, chiflá.

(Y si no sabés HTML o CSS, mirá un par de tutoriales antes de empezar a trabajar, ya tenés suficientes palabras clave para saber dónde buscar).

williamhpf · #6 (**permalink**) 03/12/2012, 13:37

Mas claro:

Haces todo en css y los 5 enlaces en html y se vera perfecto hasta en los moviles

Saludos

furoya · #7 (**permalink**) 03/12/2012, 16:23

Cita:

Iniciado por williamhpf

Mas claro:

Haces todo en css y los 5 enlaces en html y se vera perfecto hasta en los moviles

Que es obvio, y es lo que le dije yo. Sólo que en tu caso, no es claro.