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

2008-05-10 Por tema Camilo Kawerín
Hola,

Bienvenido a la lista. Te comento abajo.

On Mon, May 5, 2008 at 6:19 PM, seralcris [EMAIL PROTECTED] wrote:

 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


Te recomiendo enviar un link donde podamos ver la página y otro con el
diseño de lo que querés lograr, así va a ser más fácil que te podamos
ayudar.



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

 div id=menu9
ul

lia href=#1 title=Link 1Link 1/a/li
lia href=#2 title=Link 2Link 2/a/li
lia href=#3 title=Link 3Link 3/a/li
lia href=#4 title=Link 4Link 4/a/li
lia href=#5 title=Link 5Link 5/a/li
/ul
 /div

 a href=http://laweb.com/alala/a|
 a href=http://laweb.com /lala/a |
 a href=http://laweb.com /lala/a
 /div


Y te comento sobre algunos problemas que veo en el código:

- no uses nombres de id o class que hagan referencia al diseño, como
centerbox; pegale una leída a este artículo:
http://www.w3.org/QA/Tips/goodclassnames

- el atributo align está deprecated y no es conveniente usar style en los
elementos

- intuyo que el IMG que pusiste al principio es el logo con el nombre del
sitio; pero deberías marcarlo usando el encabezado de nivel superior:
http://www.w3.org/QA/Tips/Use_h1_for_Title

- no dejes texto o elementos de línea, como los links de abajo, fuera de un
elemento de bloque, que podría ser P o en para los links, otra UL

Y volviendo al problema, si enviás el link te cuento.

saludos

-- 
Prof. Camilo Kawerín
Web Developer

Url: http://27sur.com
Tel: (+54) 3783 449673
Cel: (+54) 3783 338588
___
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


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

2008-05-05 Por tema 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
textoa href=http://laweb.com;img src=imagen.jpg align=right
style='border:0' alt=//a
?lala();?

div id=menu9
ul

lia href=#1 title=Link 1Link 1/a/li
lia href=#2 title=Link 2Link 2/a/li
lia href=#3 title=Link 3Link 3/a/li
lia href=#4 title=Link 4Link 4/a/li
lia href=#5 title=Link 5Link 5/a/li 
/ul
/div

a href=http://laweb.com/alala/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 #99;;
background: #cc;;
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