Foros del Web » Creando para Internet » CSS »

Posicionar un elemento en x posicion

Estas en el tema de Posicionar un elemento en x posicion en el foro de CSS en Foros del Web. Que tal comunidad, la pregunta es la que sigue, para posicionar un elemento dentro de una página web en una posición deseada, por ejemplo un ...
  #1 (permalink)  
Antiguo 21/05/2003, 12:11
 
Fecha de Ingreso: mayo-2003
Ubicación: México
Mensajes: 125
Antigüedad: 20 años, 11 meses
Puntos: 0
Posicionar un elemento en x posicion

Que tal comunidad, la pregunta es la que sigue, para posicionar un elemento dentro de una página web en una posición deseada, por ejemplo un texto o una imágen solo se puede hacer a través de tablas??? agradecere sus respuestas...
  #2 (permalink)  
Antiguo 21/05/2003, 12:48
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Por medio de CSS se puede hacer:
<html>
<head>
<style>
#imagen{position:absolute;
top:300px;
left:400px;
}
#texto{position:absolute;
top:100px;
left:0px;}
</style>
</head>
<body>
<img id="imagen" src="foto.jpg">
<p id="texto">Hola que tal</p>
</body>
</html>

Te aclaras?


Te lo muevo a CSS que creo que te vendrá mejor... leete las FAQ de CSS!!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #3 (permalink)  
Antiguo 21/05/2003, 12:50
Avatar de alexa10  
Fecha de Ingreso: julio-2002
Ubicación: De este lado...
Mensajes: 293
Antigüedad: 21 años, 9 meses
Puntos: 0
Saludos!!!

Puede ser con capas:

Para una imágen:
Código:
<div name="layer1" style="position: absolute; top: 100px; left: 100px; widht: 150; height: 150; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;"><img src="blank_20.gif" width="20" height="20" border="0"></div>
Para un texto:
Código:
<div name="layer1" style="position: absolute; top: 100px; left: 100px; widht: 150; height: 150; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">Esto esta posicionado</div>"

Espero que te sirva

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:31.