Foros del Web » Creando para Internet » Herramientas y Software »

Todo se desplaza

Estas en el tema de Todo se desplaza en el foro de Herramientas y Software en Foros del Web. Hola. Soy nuevo aqui asique hola a todos. Mi problema es el siguiente: Uso frontpage para hacer mis web pero las imagenes me las coloca ...
  #1 (permalink)  
Antiguo 05/09/2005, 00:35
 
Fecha de Ingreso: septiembre-2005
Mensajes: 2
Antigüedad: 18 años, 8 meses
Puntos: 0
Todo se desplaza

Hola. Soy nuevo aqui asique hola a todos.

Mi problema es el siguiente:

Uso frontpage para hacer mis web pero las imagenes me las coloca donde quiere :-p , etc, etc, entonces descubri un boton que era "POSICION ABSOLUTA" entonces lo use y podia poner las imagenes donde yo quisiera, pues bien, todo completado , lo salvo, lo pruebo y al abrir la pagina ( sin frontpage ) las imagenes me salen todas desplazadas , porque? alguna idea para poner las imagenes donde yo quiera?

Porfavor neceisto que me ayuden con esto ya que lo que quiero es terminar la nueva version de mi web.
  #2 (permalink)  
Antiguo 05/09/2005, 01:43
Avatar de matius  
Fecha de Ingreso: julio-2005
Ubicación: Mexico, D.F.
Mensajes: 554
Antigüedad: 18 años, 9 meses
Puntos: 2
si tanto problema te da crea una tabla dentro de otra tabla y alineala de manera convencional, aunque muchos esperan que cuando se hacen html deben quedar como en word y nada que ver

aprende algo de CCS te sirve mas que cosas extrañas, ademas cuate porque no pones el codigo para revisarlo y decirte

mira el ejemplo: una tabla principal (table) alineada al centro con otra tabla anidada de 4 filas 1 columna arriba, derecha, izquierda, abajo en "medio vertical y el centro horizontal

Cita:
<table width="80%" height="1400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><!--inicio de la tabla anidada--><table width="80%" height="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#330000">
<tr>
<td height="200" valign="top"><img src="tuimagen.gif" width="416" height="116"></td>
</tr>
<tr>
<td height="200" align="left" bgcolor="#0033CC"><img src="tu imagen.gif" width="416" height="116"></td>
</tr>
<tr>
<td height="200" align="right"><img src="tu imagen.gif" width="416" height="116"></td>
</tr>
<tr>
<td height="200" valign="bottom" bgcolor="#FF6600"><img src="tu imagen.gif" width="416" height="116"></td>
</tr>
<tr>
<td height="200" align="center" valign="middle" bgcolor="#FF6600"><img src="tu imagen.gif" width="416" height="116"></td>
</tr>
</table>
<!--fin de la tabla anidada--></td>
</tr>
</table>"
conste que solo pongo el alto en 200 pero tu nunca debes hacerlo el contenido debe dar el tamaño del alto a diferencia de ancho, align y valign son formas incorrectas pero aceptables de alinear contenido por eso te digo que aprendas CSS, align es para el valor Horizontal y Valign para el vertical

siempre anida tablas de ntro de otras tablas es muy sencillo y preciso que cortar la misma tabla cientos de veces pues es el contenido el que define el espacio principalmente el texto.

pon cellpadding="0" cellspacing="0" border="0" para quitar el ancho y borde de las tablas

siempre es mejor asi por ejemplo una tabla de 4 filas y quieres darle un texto a la derecha y una imagen a la izquierda en un de las filas solo inserta una nueva tabla de 2 columnas.

obviamente hay maneras tipo optimized para internet explorer que no te dire pues me cae gordo ese explorador.
lo mejor para controlar la posición donde desee de tu imagen es simple y llanamente es aprender a usar CSS tipo class e id en tus imagenes asi mismo diseñar con div en css
  #3 (permalink)  
Antiguo 05/09/2005, 01:56
 
Fecha de Ingreso: septiembre-2005
Mensajes: 2
Antigüedad: 18 años, 8 meses
Puntos: 0
Bueno, estoy un poco escarmentado de las tablas y por eso en esta version no las quiero ver ni en pintura, nada mas que la principal, pongo codigo y dime si algo ta mal pliz.

Cita:
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="../animate.js">
</script>
</head>

<body background="../MatrixCode.png" onload="dynAnimation()">

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="837" height="488" id="AutoNumber1" bgcolor="#000000">
<tr>
<td width="628" height="488" valign="middle">
<span style="position: absolute; left: 40; top: 14">
<img border="0" src="bottom.jpg" width="840" height="20"></span><p>
<span style="position: absolute; left: 41; top: 37">
<img border="0" src="http://www.rlazo.com/firmas/logo-glorf.gif" width="837" height="186"></span></p>
<p><span style="position: absolute; left: 40; top: 14">
<img border="0" src="bottom.jpg" width="840" height="20"></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img border="0" src="20Layer12gf.gif" width="169" height="621"><span style="position: absolute; left: 39; top: 222"><img border="0" src="bottom.jpg" width="840" height="20"></span></p>
<p><span style="position: absolute; left: 68; top: 478">
<img border="0" src="untitled5.gif" width="161" height="39"></span></p>
<p><span style="position: absolute; left: 66; top: 416">
<img border="0" src="untitled4.gif" width="161" height="39"><span style="position: absolute; left: 0; top: -164"><a onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimswapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].lowsrc;" onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].imgRolln" href="javascript:void(0)"><img border="0" src="untitled.gif" id="fpAnimswapImgFP4" name="fpAnimswapImgFP4" dynamicanimation="fpAnimswapImgFP4" lowsrc="C:\Documents and Settings\-GlorFinderIV-\Mis documentos\My Webs\nueva_1\untitled11.bmp" width="161" height="39"></a></span></span></p>
<p><span style="position: absolute; left: 68; top: 360">
<img border="0" src="untitled3.gif" width="161" height="39"></span></p>
<p><span style="position: absolute; left: 66; top: 307">
<img border="0" src="untitled2.gif" width="161" height="39"></span></p>
<p><span style="position: absolute; left: 80; top: 689">
<img border="0" src="http://caballer.x10hosting.com/images/gtarevolution.gif" width="88" height="31"></span></p>
<p><span style="position: absolute; left: 79; top: 645">
<img border="0" src="http://img224.echo.cx/img224/1263/elitefirmas38ax.gif" width="88" height="31"></span></p>
<p align="center">
&nbsp;</p>

<p><span style="position: absolute; left: 80; top: 739">
<img border="0" src="http://www.rlazo.com/firmas/minibanner-glorf.gif" width="88" height="31"></span></p>
</td>
</tr>
</table>
</center>
</div>
<p><span style="position: absolute; left: 39; top: 865">
<img border="0" src="bottom.jpg" width="840" height="20"></span></p>

</body>

</html>
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 17:02.