Posición relativa de capas

[kokoloko1975]

El problema que tengo es sobre la visualización de las capas en Dreamweaver en la Vista Diseño.
Para que me coloquen bien los elementos en su posición a veces las capas tengo que desplazarlas de manera que una parte queda fuera del diseño.

Así consigo tener las cosas en su sitio, pero me vuelven loco en la Vista Diseño.

Leí en algún post que había que utilizar Posición relativa.
Efectivamente, al seleccionar una capa veo que pone posición absoluta.
He buscado y leido el manual de Utilización pero no he entendido nada.

Cuando se habla de Posición relativa, es relativa a qué?

Donde cambio la posición a relativa?

Gracias y un saludo

[juaniquillo]

Para que entiendas un poco mejor lo del posicionamiento en css re recomiendo que leas el capítulo de posiciones de la guía guía de migración de las tablas a XHTML+CSS

Eso es si quieres entender bien la diferencia todo tipo de posición (static, relative, absolute y fixed). Si tienes una pregunta específica acerca de tu página lo mejor es que nos dejes un enlace a tu página o que nos dejes el código para poder revisarlo.

[kokoloko1975]

Pero creo que hay un problema. Yo utilizo tablas para crear mi web. Aun no controlo lo de las hojas CSS, y no me gustaría tener que empezar de cero ahora mismo. Querría acabarla como la estoy haciendo.

Te pondré el código tan pronto como pueda, pero ya te digo, simplemente es una página en la que tengo una tabla y en una de sus celdas, la superior, pongo un título al que quiero añadirle, debajo del texto, una imagen de una barra. Y como no me sirve meter la imagen en una celda que esté debajo de la anterior he utilizado insertar una capa con esa imagen de la barra. Y esa capa la desplazo a donde quiero para que la barra me quede debajo del texto.

Estoy empezando y voy muy limitado je,je.

Un saludo y gracias

[juaniquillo]

bueno, si hablas de capas relativas hablas de css. las 'capas' en dreamweaver son divs posicionados absolutamente.

[kokoloko1975]

Muy buenas. En otro post no me ha dejado enviar el código. voy a intentarlo de nuevo ahora aqui.

Te envio solo un aparte del codigo, porque realmente los problemas me pasan en un aregion editable.

Lo que hice en esa region editable fue lo siguiente:

-crear una Tabla con varias celdas y más tablas en su interior

Y al final de todo:
- en la celda donde aparece el texto "Buscar alojamiento"
- insertar una capa "apDiv3" en la que creé una tabla de una sola celda
- en dicha celda meti una imagen "RayaHorizontal"-
-mover la capa de manera que la imagen "RayaHorizontal" me quedara debajo de dicho texto

los problemas que srugen ya sabes:
- En IE se ve todo bien y en su sitio
- En Firefox la imagen "RayaHorizontal" aparece desplazada respecto del texto. Me aparece encima de él.
- Además en Firefox se ven bordes de unas celdas donde tengo los campos de Busqueda (Provincia y Casa rural) y que no deberían verse porque les di bordercolor=white y en IE así es, no se ven.

Independientemente de lo anterior, me gustaría saber cómo hacer para que al visualizar la página con Dreamweaver, la capa me aparezca bien colocada respecto del texto "Buscar alojamiento" porque tuvce que colocarla de aquella manera, a ojo, para que luego en el navegador se me vea todo en su sitio. Y ahí es donde entra lo de posicionar la capa. lo he intentado con los enlaces que me diste, pero no he entendido mucho, la verdad.

Bueno, en el siguiente mensaje pongo el código de la region editable y ya me dirás a ver si puedes ayudarme.

Si no lo pongo es porque me sale ese mensaje diciendo que No se pueden poner enlaces etc y que lo haga por mensaje privado.
Pero como te digo en otro post esa parte del código juraría que no tiene enlaces a webs externas.

Un saludo

[kokoloko1975]

el código:

<!-- InstanceBeginEditable name="Contenido" -->
<p>&nbsp;</p>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="4">
<tr>
<td bordercolor="#FFFFFF" height="34" colspan="2" align="left" valign="middle"><p class="selector3"><strong>Buscar alojamiento</strong></p>
<div id="apDiv3">
<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../imagenes/otros/RayaHorizontal.gif" width="347" height="2" /></td>
</tr>
</table>
</div>
<p>&nbsp;</p></td>
</tr>
<tr>
<td bordercolor="#FFFFFF" width="22%" rowspan="3" valign="top">&nbsp;</td>
<td bordercolor="#FFFFFF" width="78%" height="30" align="left" valign="top"><form id="FormProvincia" name="FormProvincia" method="post" action="">
<table width="60%" border="2" cellspacing="2" cellpadding="2">
<tr>
<td bordercolor="#FFFFFF" align="right" valign="top">&nbsp;</td>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFFFF" width="35%" align="right" valign="top"><strong>Provincia</strong></td>
<td bordercolor="#FFFFFF" width="65%"><select name="MenuProvincia" id="MenuProvincia">
<option>Elija un destino</option>
<option>La Coruña</option>
<option>Lugo</option>
<option>Ourense</option>
<option>Pontevedra</option>
</select></td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
<td bordercolor="#FFFFFF"><input type="image" name="Buscar1" id="Buscar1" src="../imagenes/otros/bot_buscar.gif" /></td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td bordercolor="#FFFFFF" height="30" align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFFFF" height="30" align="left" valign="top"><form id="FormCasa" name="FormCasa" method="post" action="">
<table width="60%" border="2" cellspacing="2" cellpadding="2">
<tr>
<td bordercolor="#FFFFFF" align="right" valign="top">&nbsp;</td>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFFFF" width="35%" align="right" valign="top"><strong>Casa rural</strong></td>
<td bordercolor="#FFFFFF" width="65%"><input type="text" name="CampoCasa" id="CampoCasa" /></td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
<td bordercolor="#FFFFFF"><input type="image" name="Buscar2" id="Buscar2" src="../imagenes/otros/bot_buscar.gif" /></td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
</table>
</form></td>
</tr>
</table>
<p>&nbsp;</p>
<!-- InstanceEndEditable --></td>

[juaniquillo]

Has escrito dos mensajes que, aunque parecen ser de diferentes problemas, pones el mismo código. por favor no dejes doble post y concentra tu problema en uno si es el mismo código.

[kokoloko1975]

Buenas juaniquillo.

Estoy intentando subir el codigo a trozos pero ni así me deja.
Tampoco puedo meter enlaces porque no tengo 30 dias de antiguedad.

No lo entiendo, me sale un mensaje de "Por motivos de spam....."

Intentaré subirlo a un servidor y te pongo el enlace de mala manera que puedas bajarlo tú. No encuentro otra manera de hacerlo y estoy harto de ese mensajito.

Un saludo

[kokoloko1975]

El enlace es:

4shared.com/file/100430648/7195bd11/codigo.html

poniendole antes http y www

Contraseña: kokoloko

No sé si se puede hacer esto pero es que llevo probando a subir el código y siempre me sale ese mensaje.

Un saludo

[manueltato11]

Buenas, yo tambien tengo un problema muy similar, pero es con las imagenes, las organizo en el lugar donde quiero que queden, y a la hora de ver la vista previa se mueven hacia arriba o para abajo.. no se que podra ser, pero les pido la colaboracion...

Gracias..

[gVenom]

el enlace no me funciona.