[Ovillo] hola, presentacion y ayuda con divs y capa.
seralcris
seralcris en gmail.com
Lun Mayo 5 21:19:03 UTC 2008
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.
Más información sobre la lista de distribución Ovillo