[Ovillo] hola, presentacion y ayuda con divs y capa.

[seralcris]

Hola, mi nombre es Sergio y soy nuevo en la lista, tengo un problema con un
div dentro de una capa. Tratare de explicarme, tengo una capa, y quiero
alinear 3 elementos ( uno a la izquierda, un menu al centro y una imagen a
la derecha dentro de la capa ) dentro del archivo header.php un div que es

<div id="centerbox">
texto<a href="http://laweb.com";><img src="imagen.jpg" align="right"
style='border:0' alt=""/></a>
<?lala();?>

<div id="menu9">
                <ul>

                        <li><a href="#1" title="Link 1">Link 1</a></li>
                        <li><a href="#2" title="Link 2">Link 2</a></li>
                        <li><a href="#3" title="Link 3">Link 3</a></li>
                        <li><a href="#4" title="Link 4">Link 4</a></li>
                        <li><a href="#5" title="Link 5">Link 5</a></li> 
                </ul>
</div>

<a href="http://laweb.com</a>lala</a>|
<a href="http://laweb.com />lala</a> |
<a href="http://laweb.com />lala</a>
</div>

el css de centerbox es:

#centerbox {
border: 4px solid #ffff99;;
background: #ffffcc;;
padding: 20px 20px 20px 20px;
margin: 3px 10px 30px 10px;
}

y tambien tengo un menu.css ( que yo he colocado en un archivo css para no
incluirlo directamente en la misma pagina )cuyo código css es:

@charset "utf-8";
/* CSS Document */

<style type="text/css">
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 80%;
    font-weight: bold;
    background: #FFF;
    }

h2 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

img {
    border: none;
}

#menu9 {
    width: 150px;
    margin: 5px;
    }

#menu9 li a {
    height: 32px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 24px;
    text-decoration: none;
    }

#menu9 li a:link, #menu9 li a:visited {
    color: #FFF;
    display: block;
    background:  url(menu9.gif);
    padding: 8px 0 0 35px;
    }

#menu9 li a:hover {
    color: #FFF;
    background:  url(menu9.gif) 0 -32px;
    padding: 8px 0 0 35px;
    }

</style>


Entonces quiero alinear dentro de la capa, tres elementos, uno a la
izquierda, un menu al centro y una imagen a la derecha. Colocando  *<P
ALIGN=center> Texto </div>
*se alinea perfectamente la palabra "texto" al centro y un elemento a la
izquierda y la imagen a la derecha, pero si coloco el menu alineado como la
palabra texto que use de ejemplo dentro del div se desencaja todo, queda el
elemento izquierdo mas arriba que los otros dos o sino es el del centro o la
derecha, el tamaño del menu pareciera encaja perfectamente y tendria que
quedar bien, he intentado usando p align center, left y right para aliner
los  elementos  ( es decir, que queden alineados horizontalmente dentro de
la capa )  pero no lo consigo, quizas deba retocar el css, si alguien puede
ayudarme, ya que no  doy con la forma de hacerlo para que se visualice bien.
Gracias.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo