Re: [Ovillo] cajas ...aún sin solución...

2011-03-17 Por tema Rosa González
Sí que sirve...muchas gracias...
Estaba revisando el código en éste momento...
Rosa

El 18 de marzo de 2011 00:14, santosvz santo...@graficssvz.com escribió:

 Es posible que le sirva de referencia estos enlaces:
 http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
 http://www.glish.com/css/


 *-Mensaje original-
 *De: ovillo-boun...@lists.ovillo.org
 [mailto:ovillo-boun...@lists.ovillo.org] En nombre
 *de cubells
 *Enviado el: miércoles, 16 de marzo de 2011 06:18 p.m.
 *Para: Ovillo, la lista de CSS en castellano
 *Asunto: Re: [Ovillo] cajas ...aún sin solución...
 *
 *
 *
 *Al 10/03/11 00:17, En/na Rosa González ha escrit:
 * Hola: Subí el código al Share Code
 * Lo estoy revisando pero, no encuentro el detalle...
 * No puedo subir el 2º div de datos..junto al 1º, claro está...
 * http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c
 *
 * Seguiré buscando el error...
 * Saludos..
 *
 *Rosa:
 *
 *Hay errores elementales en el código que has pegado. El más gordo és el
 *enlace que abarca más de un li.
 *
 *
 *Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a
 *mano, indicándonos cómo quieres que quede todo.
 *
 *Eso nos ayudará a saber si los divs que sobran/faltan son errores o es
 *que lo quieres así.
 *
 *Saludos.
 *___
 *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

 ___
 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

___
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


Re: [Ovillo] cajas ...aún sin solución...

2011-03-17 Por tema Rosa González
Cambié el código rehaciéndolo...intentaré subir el nuevo código...
Un saludo...
Rosa

El 16 de marzo de 2011 19:47, cubells vic...@vcubells.net escribió:



 Al 10/03/11 00:17, En/na Rosa González ha escrit:
  Hola: Subí el código al Share Code
  Lo estoy revisando pero, no encuentro el detalle...
  No puedo subir el 2º div de datos..junto al 1º, claro está...
  http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c
 
  Seguiré buscando el error...
  Saludos..

 Rosa:

 Hay errores elementales en el código que has pegado. El más gordo és el
 enlace que abarca más de un li.


 Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a
 mano, indicándonos cómo quieres que quede todo.

 Eso nos ayudará a saber si los divs que sobran/faltan son errores o es
 que lo quieres así.

 Saludos.
 ___
 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

___
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


Re: [Ovillo] cajas ...aún sin solución...

2011-03-07 Por tema Rosa González
Hola Jorge:
 Perdón la demora en la respuestaasuntos personales, ahora mismo pruebo
y envío respuesta.
Muchas gracias.
Rosa


El 4 de marzo de 2011 01:47, jorge adrian gonzalez jorge...@gmail.comescribió:

 Hola Rosa:

 Estuve probando y no te aparece porque no está escrito correctamente.

 Fijate, el codigo es así:

  #datos02 {
   height:502px;
   width:668 px;
   background-color:red;
 }

 #datos02 .col1 {
  background-color: #fff;
  float:left;
  width:340px;
  height:191px;
 }
 Al height de #datos02 le faltaba la medida px (que tiene que ir pegado al
 número ya que sino no funciona). Además le agregué un color de fondo
 diferente a los 2 div. Fijate que ahora si se vé porque ya lo probé.

 El 3 de marzo de 2011 23:20, Rosa González loqldalqu...@gmail.com
 escribió:

  Jorge:
  Lo cambié...el código html...eso me ordenó algo...pero la caja del
  segundo div=datos02;
  me sigue sin aparecer
  Me queda borrar todo el código CSS y hacerlo de nuevo...
  No ha funkado...pero probando otra vez...aviso...
  Gracias...
  Rosa
 
 
  El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
   Rosa me imagino que te referías a que el menú de navegación te aparece
 en
  el
   centro de la página y no arriba.
  
   Fijate que si ves el código te falte cerrar el div cabecera (fijate que
  te
   lo puse en rojo en el código); en tu codigo fijate que vos la abrís y
  cerras
   al lado y la lista ul queda furera del contenedor cabecera.
  
   Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú
  se
   ve arriba.
  
   También borre en la etiqueta #datos01 .col1 pusiste la palabra ma
  abajo;
   eso lo borré también.
  
   Fijate que en tu código también te puse en rojo para que lo veas.
   Avisame
   si te funkó.
  
   Saludos.
  
   !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
   html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es
  
   head
meta http-equiv=Content-Type content=text/html; charset=utf-8
  /
  
style type=text/css
html, body{height:100%}
  
  #contenedor{
   background-color:#DDD;
   width:960px;
   margin:0 auto;
   height:auto !important;
  height:100%;
   min-height:100%;}
  
  #cabezal{
   margin:left;
   height:360px;
   background-image:
   url(interfaz/fondoCabezal.jpg)
   }
  #menu ul{
  height:40px;
  border: 1px solid red;/*lo puse para ver si está correcta la
 propiedad
 y el html*/
  }
  #menu{height:40px;
  background-color:#CCC;}
  #menu li {
  float:left;
  width:119px;
  list-style-type:none;
  height:40px;}
  #datos01{
  height:502px;
  background-color:#CCC;}
  #datos01 .col1{
  float:left;
  width:253px;
  height:480px;
  }
  #datos02{ height:502;
   width:668 px;
  background-color:#3C0;}
  
  #daots02 .col1{float:left;
 width:340px;
height:191px;
   }
  
  #pie{
  height:35px;
  background-color:#CCC;
  margin-top:-35px;
  width:960px;
  margin:0 auto;
  }
  .restaurador{
  clear:both;
  height:0;
  }
  #restaurador_final{clear:both;
  height:50px;
}
  
/style
/head
  
body
  div id=contenedor
  div id=cabezal
 ul id=menu li a href=index.html/aEmpresa
  /li
   li/aProductos /li
   liServicios/a/li
 /ul
  
/*fin div cabecera*/
  /div
  
  div id=datos01 div class=col1 /div
   /div
  
  div id=datos02 div class=col1 /div
 div class=col2/div
 div class=col3/div
  
  
  
  
  
   /div
   div class=restaurador /div
div id=restaurador final
/div
  
div id=pie
 /div
  
/body
   /html
  
   El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.com
  escribió:
  
   No vi respuesta ...pero es porque subí un archivo adjunto y la lista
 no
  lo
   permite...
   Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al
  que
   no
   encuentro vuelta ...
   Gracias...
   Rosa
   html
   body
  
div id=contenedor
  div id=cabezal/div
  ul id=menu li a href=index.html/aEmpresa /li
   li/aProductos /li
   liServicios/a/li
  /ul
  
  div id=datos01 div class=col1 /div
   /div
  
  div id=datos02 div class=col1 /div
 div class=col2/div
 div class=col3/div
  
  
  
  
  
   /div
   div class=restaurador /div
div id

Re: [Ovillo] cajas ...aún sin solución...

2011-03-07 Por tema Rosa González
Hola Gerardo:
Intentaré ingresar el código al link que enviaste.
Gracias.
Saludos:
Rosa

El 4 de marzo de 2011 06:51, Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

 Hola Rosa,

 Si pudieras pegar el código en http://www.treeweb.es/ShareCode/ sería más
 fácil y rápido encontrar la solución

 Un saludo

 El 3 de marzo de 2011 21:51, Rosa González loqldalqu...@gmail.com
 escribió:

  No vi respuesta ...pero es porque subí un archivo adjunto y la lista no
 lo
  permite...
  Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que
  no
  encuentro vuelta ...
  Gracias...
  Rosa
  html
  body
 
   div id=contenedor
 div id=cabezal/div
 ul id=menu li a href=index.html/aEmpresa /li
  li/aProductos /li
  liServicios/a/li
 /ul
 
 div id=datos01 div class=col1 /div
  /div
 
 div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
 
 
 
 
 
  /div
  div class=restaurador /div
   div id=restaurador final
   /div
 
   div id=pie
/div
  /body
  /html
 
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
-  background-color:#DDD;
-  width:960px;
-  margin:0 auto;
-  height:auto !important;
-  height:100%;
-  min-height:100%;}
-
- #cabezal{
-  margin:left;
-  height:360px;
-  background-image:
-  url(interfaz/fondoCabezal.jpg)
-  }
- #menu ul{
- height:40px;
- border: 1px solid red;/*lo puse para ver si está correcta la
 propiedad
y el html*/
- }
- #menu{height:40px;
- background-color:#CCC;}
- #menu li {
- float:left;
- width:119px;
- list-style-type:none;
- height:40px;}
- #datos01{
- height:502px;
- background-color:#CCC;}
- #datos01 .col1{
- float:left;
- width:253px;
- height:480px;
- ma}
- #datos02{ height:502;
-  width:668 px;
- background-color:#3C0;}
-
- #daots02 .col1{float:left;
-width:340px;
-height:191px;
-  }
-
- #pie{
- height:35px;
- background-color:#CCC;
- margin-top:-35px;
- width:960px;
- margin:0 auto;
- }
- .restaurador{
- clear:both;
- height:0;
- }
- #restaurador_final{clear:both;
-  height:50px;
-   }
-
-
  ___
  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
 
 ___
 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

___
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] cajas ...aún sin solución...

2011-03-03 Por tema Rosa González
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que no
encuentro vuelta ...
Gracias...
Rosa
html
body

  div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
 li/aProductos /li
 liServicios/a/li
/ul

div id=datos01 div class=col1 /div
/div

div id=datos02 div class=col1 /div
   div class=col2/div
   div class=col3/div





 /div
 div class=restaurador /div
  div id=restaurador final
  /div

  div id=pie
   /div
/body
/html

   -
   - CSS :
   - html, body{height:100%}
   -
   - #contenedor{
   -  background-color:#DDD;
   -  width:960px;
   -  margin:0 auto;
   -  height:auto !important;
   -  height:100%;
   -  min-height:100%;}
   -
   - #cabezal{
   -  margin:left;
   -  height:360px;
   -  background-image:
   -  url(interfaz/fondoCabezal.jpg)
   -  }
   - #menu ul{
   - height:40px;
   - border: 1px solid red;/*lo puse para ver si está correcta la propiedad
   y el html*/
   - }
   - #menu{height:40px;
   - background-color:#CCC;}
   - #menu li {
   - float:left;
   - width:119px;
   - list-style-type:none;
   - height:40px;}
   - #datos01{
   - height:502px;
   - background-color:#CCC;}
   - #datos01 .col1{
   - float:left;
   - width:253px;
   - height:480px;
   - ma}
   - #datos02{ height:502;
   -  width:668 px;
   - background-color:#3C0;}
   -
   - #daots02 .col1{float:left;
   -width:340px;
   -height:191px;
   -  }
   -
   - #pie{
   - height:35px;
   - background-color:#CCC;
   - margin-top:-35px;
   - width:960px;
   - margin:0 auto;
   - }
   - .restaurador{
   - clear:both;
   - height:0;
   - }
   - #restaurador_final{clear:both;
   -  height:50px;
   -   }
   -
   -
___
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


Re: [Ovillo] cajas ...aún sin solución...

2011-03-03 Por tema Rosa González
Jorge:
Lo cambié...el código html...eso me ordenó algo...pero la caja del
segundo div=datos02;
me sigue sin aparecer
Me queda borrar todo el código CSS y hacerlo de nuevo...
No ha funkado...pero probando otra vez...aviso...
Gracias...
Rosa


El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
 Rosa me imagino que te referías a que el menú de navegación te aparece en el
 centro de la página y no arriba.

 Fijate que si ves el código te falte cerrar el div cabecera (fijate que te
 lo puse en rojo en el código); en tu codigo fijate que vos la abrís y cerras
 al lado y la lista ul queda furera del contenedor cabecera.

 Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú se
 ve arriba.

 También borre en la etiqueta #datos01 .col1 pusiste la palabra ma abajo;
 eso lo borré también.

 Fijate que en tu código también te puse en rojo para que lo veas.  Avisame
 si te funkó.

 Saludos.

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es

 head
  meta http-equiv=Content-Type content=text/html; charset=utf-8 /

  style type=text/css
  html, body{height:100%}

#contenedor{
 background-color:#DDD;
 width:960px;
 margin:0 auto;
 height:auto !important;
height:100%;
 min-height:100%;}

#cabezal{
 margin:left;
 height:360px;
 background-image:
 url(interfaz/fondoCabezal.jpg)
 }
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la propiedad
   y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
float:left;
width:119px;
list-style-type:none;
height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
}
#datos02{ height:502;
 width:668 px;
background-color:#3C0;}

#daots02 .col1{float:left;
   width:340px;
  height:191px;
 }

#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
height:50px;
  }

  /style
  /head

  body
div id=contenedor
div id=cabezal
   ul id=menu li a href=index.html/aEmpresa /li
 li/aProductos /li
 liServicios/a/li
   /ul

  /*fin div cabecera*/
/div

div id=datos01 div class=col1 /div
 /div

div id=datos02 div class=col1 /div
   div class=col2/div
   div class=col3/div





 /div
 div class=restaurador /div
  div id=restaurador final
  /div

  div id=pie
   /div

  /body
 /html

 El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.comescribió:

 No vi respuesta ...pero es porque subí un archivo adjunto y la lista no lo
 permite...
 Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que
 no
 encuentro vuelta ...
 Gracias...
 Rosa
 html
 body

  div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
 li/aProductos /li
 liServicios/a/li
/ul

div id=datos01 div class=col1 /div
 /div

div id=datos02 div class=col1 /div
   div class=col2/div
   div class=col3/div





 /div
 div class=restaurador /div
  div id=restaurador final
  /div

  div id=pie
   /div
 /body
 /html

   -
   - CSS :
   - html, body{height:100%}
   -
   - #contenedor{
   -  background-color:#DDD;
   -  width:960px;
   -  margin:0 auto;
   -  height:auto !important;
   -  height:100%;
   -  min-height:100%;}
   -
   - #cabezal{
   -  margin:left;
   -  height:360px;
   -  background-image:
   -  url(interfaz/fondoCabezal.jpg)
   -  }
   - #menu ul{
   - height:40px;
   - border: 1px solid red;/*lo puse para ver si está correcta la propiedad
   y el html*/
   - }
   - #menu{height:40px;
   - background-color:#CCC;}
   - #menu li {
   - float:left;
   - width:119px;
   - list-style-type:none;
   - height:40px;}
   - #datos01{
   - height:502px;
   - background-color:#CCC;}
   - #datos01 .col1{
   - float:left;
   - width:253px;
   - height:480px;
   - ma}
   - #datos02{ height:502;
   -  width:668 px;
   - background-color:#3C0;}
   -
   - #daots02 .col1{float:left;
   -width:340px;
   -height:191px;
   -  }
   -
   - #pie{
   - height:35px;
   - background-color:#CCC

Re: [Ovillo] cajas

2011-02-28 Por tema Rosa González
Bienaquí va
Muchas gracias desde ya:
Rosa


El 28 de febrero de 2011 06:49, jose oliveras
jose.olivera...@gmail.comescribió:

 ¿Puedes enviar la CSS integrada en un HTML con el código HTML de la página?

 El 28 de febrero de 2011 02:03, Rosa González loqldalqu...@gmail.com
 escribió:

  Hola! Tengo una consulta acerca de las cajas...he puesto todas las
  propiedades y el html según lo indicado, pero la caja de datos
  siguiente, sigue cayendo.
  Tiene clear:both para que no tome la botonera como guía, y algún
  detalle se me sigue escapando.
  Es un problema que había podido resolver antes, pero no recuerdo en
  este momento cómo.
  El CSS es el siguiente.
  html, body{height:100%}
 
  #contenedor{
  background-color:#DDD;
  width:960px;
  margin:0 auto;
  height:auto !important;
  height:100%;
  min-height:100%;}
 
  #cabezal{
   margin:left;
   height:360px;
   background-image:
  url(interfaz/fondoCabezal.jpg)
  }
  #menu ul{
  height:40px;
  border: 1px solid red;/*lo puse para ver si está correcta la propiedad
  y el html*/
  }
  #menu{height:40px;
  background-color:#CCC;}
  #menu li {
 float:left;
 width:119px;
 list-style-type:none;
 height:40px;}
  #datos01{
  height:502px;
  background-color:#CCC;}
  #datos01 .col1{
  float:left;
  width:253px;
  height:480px;
  ma}
  #datos02{ height:502;
  width:668 px;
  background-color:#3C0;}
 
  #daots02 .col1{float:left;
 width:340px;
height:191px;
   }
  #pie{
  height:35px;
  background-color:#CCC;
  margin-top:-35px;
  width:960px;
  margin:0 auto;
  }
  .restaurador{
  clear:both;
  height:0;
  }
  #restaurador_final{clear:both;
  height:50px;
   }
 
  Muchas gracias desde ya y saludos:
  Rosa
  ___
  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
 
 ___
 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

___
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] cajas

2011-02-27 Por tema Rosa González
Hola! Tengo una consulta acerca de las cajas...he puesto todas las
propiedades y el html según lo indicado, pero la caja de datos
siguiente, sigue cayendo.
Tiene clear:both para que no tome la botonera como guía, y algún
detalle se me sigue escapando.
Es un problema que había podido resolver antes, pero no recuerdo en
este momento cómo.
El CSS es el siguiente.
html, body{height:100%}

#contenedor{
        background-color:#DDD;
width:960px;
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;}

#cabezal{
         margin:left;
         height:360px;
         background-image:
url(interfaz/fondoCabezal.jpg)
}
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
       float:left;
       width:119px;
       list-style-type:none;
       height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
ma}
#datos02{ height:502;
width:668 px;
background-color:#3C0;}

#daots02 .col1{float:left;
               width:340px;
  height:191px;
                 }
#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
        height:50px;
 }

Muchas gracias desde ya y saludos:
Rosa
___
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


Re: [Ovillo] Respuesta a consulta sobre márgenes

2011-01-07 Por tema Rosa González
Carambolas!! Muy buena la explicación...muy clara también ambas dos...
 Muy bueno el linkEs bueno poder llevarlo a la práctica...El html es
algo bastante fácil de interpretar pero luego de innumerables horas de
sudoración intelectual...Más que un lenguaje, una disciplina
matemática...una entropía caótica...un caos entrópico...Un rollo bah!
Aplicaré pues dichas propiedades...e implementaré...
Enviaré la pag. una vez terminada...
Saludos y gracias muchas...
Rosa
PS: Más vale que salve la prueba...

El 6 de enero de 2011 23:27, Plácido Luna octubre196...@gmail.comescribió:

 Rosa, complementa la respuesta de Ivan con la propiedad margin para separar
 las columnas pegadas de acuerdo a los lugares donde quieras separar las
 mismas.
 Los valores de márgenes se pueden establecer de varias maneras. A modo de
 ejemplos:

   - margin-top:10px; (margen superior igual a 10 pixeles)
   - margin-right:6px; (margen derecho igual a 6 pixeles)
   - margin-bottom:4px; (margen inferior igual a 4 pixeles)
   - margin-left:8px;  (margen izquierdo igual a 8 pixeles)

 Si todas las propiedades anteriores se aplicaran a un mismo elemento, se
 podría usar un atajo o shorthand del tipo:

   - margin: 10px 6px 4px 8px; (donde cada uno de los valores, y en su
   orden, se corresponden a los valores y unidades para los márgenes
 superior,
   derecho, inferior e izquierdo).

 En caso en que los valores superior e inferior coincidan, como en el
 siguiente ejemplo:

   - margin-top:10px; (margen superior igual a 10 pixeles)
   - margin-right:6px; (margen derecho igual a 6 pixeles)
   - margin-bottom:10px; (margen inferior igual a 4 pixeles)
   - margin-left:6px;  (margen izquierdo igual a 8 pixeles)

 se puede escribir:

   - margin:10px 6px; (donde cada uno de los valores corresponden a los
   márgenes superior e inferior, y derecho e izquierdo, respectivamente)

 Finalmente, en caso de que coincidan los valores de márgenes laterales,
 pero
 no el superior e inferior, hacemos:

   - margin:10px 5px 15px;

 Esto se leería así: margin superior: 10 pixeles, margen inferior: 15
 pixeles, márgenes laterales: 5pixeles.

 La documentación oficial sobre el modelo de cajas está en:
 http://www.w3.org/TR/CSS21/box.html

 La misma sintaxis valdría para las propiedades border y padding.

 Saludos a todos!
 Espero haber ayudado.
 Plácido Luna.




 El 6 de enero de 2011 23:01, Ivan Pérez vag...@gmail.com escribió:

  Hola Rosa, parece que eres nueva y no veo tu explicación clara, supongo
 que
  quieres hacer unas columnas que se pegan, debes usar la propiedad CSS
  float: left; en sentido de orden, simplemente lo relacionas tu Div de
 ID
  o
  Class, entonces:
 
 
  style
  #div
  {float: left;}
  /style
 
  Saludos.
 
  El 6 de enero de 2011 18:52, Rosa González loqldalqu...@gmail.com
  escribió:
 
   Hola!  Que tal?
   Formular una consulta...Tengo una prueba de hmtl...y debo posicionar
 unas
   columnas las cuales se pegan unas a otras...No puedo usar
   margin...¿padding sería la propiedad indicada?
   Gracias...
   Rosa
  
  
   El 6 de enero de 2011 19:28, santosvz santo...@graficssvz.com
  escribió:
  
Es tan solo un comienzo.
Habrá que ver con el tiempo a donde se va.
La tecnología y los desarrolladores camina a pasos de gigante.
Es lógico que Chrome por Android y Safari por i Phone /iPad lo
   implementen.
Supongo que con el tiempo y la querra de navegadores y la Web Móvil
 se
implementara en todos para que los dispositivos móviles lo puedan
   utilizar
sin que suponga la utilización de muchos recursos y tiempo.
   
   
Un cordial saludo de SantosVZ
   
   
(-:-Mensaje original-
(-:De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
(-:nombre de Ivan Pérez
(-:Enviado el: Jueves, 06 de Enero de 2011 04:14 p.m.- Santos-
(-:Para: Ovillo, la lista de CSS en castellano
(-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3
(-:
(-:Solo para los navegadores que se acompañan con tecnología Webkit
 =/
(-:
(-:No es 100% compatible universal, hasta que tendrán las nuevas
tecnologias y
(-:rendimiento de Canvas es casi pobre contra flash player, pero
dependiendo
(-:los navegadores.
(-:
(-:Oye, actualmente hay muchos usuarios usan Flash Player, tiene un
 js
  de
(-:autoinstalación flash y todos se usan mucho, tambien hay algunos
 de
   open
(-:source para compilar .swf usando actionscript para uso de
  multimedia,
(-:interactivo, animación, realidad aumentada, juegos, curiosidades y
   entre
(-:otros, no como IDE de Adobe Flash CS5 (solo para hacer sitios web
 en
flash,
(-:no es tan ideal) y ya existen las nuevas tecnologías que se
  convierten
SWF a
(-:Canvas como smokescreen.us
(-:
(-:Ninguno de HTML5 y Canvas ha usado la aplicación de realidad
  aumentada
ni
(-:webcam.
(-:
(-:Android usa Flash Player, pero iPhone y iPad no usan, este es
   problema

Re: [Ovillo] Respuesta a consulta sobre márgenes

2011-01-07 Por tema Rosa González
No...la columna no está dentro de un Table...pero lo que me acabas de enviar
esclarece mucho, otro concepto que tenía a medio adquirir...como estoy
comprobando...el profesor tiene razón...requiere mucha práctica de
implementación...Y bueno...hago caso, hago caso...allá voy...entre hoy
mañana mostraré los resultados...
Gracias muchas
Rosa

El 7 de enero de 2011 23:01, Santiago García saturno...@yahoo.es escribió:

 Hola, Rosa:

 Lo que yo entiendo es que te refieres a columnas dentro de un TABLE, que
 naturalmente aparecen pegadas y lo que necesitas es separarlas, y margin
 no te vale para eso. ¿Es así? En ese caso te diría que quizá no debeías usar
 TABLE, pues lo correcto es que las columnas de una tabla aparezcan pegadas.
 Haz caso a Plácido e Iván y usa DIVs para esa maquetación.

 En cambio, si te es necesario el uso de TABLE (pues realmente se trata de
 una lista de registros divididos en columnas), la única forma que conozco de
 mover columnas dentro de una tabla es mediante POSICIONAMIENTO ABSOLUTO:

 

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 titlePosicionar columnas en un table/title
 style type=text/css
 td.b {
position: absolute; /*Para IE habría que poner relative*/
left: 200px;
 }
 /style
 /head

 body
 table
tr
td class=a1a/td
td class=b1b/td
/tr
tr
td class=a2a/td
td class=b2b/td
/tr
tr
td class=a3a/td
td class=b3b/td
/tr
tr
td class=a4a/td
td class=b4b/td
/tr
 /table
 /body
 /html

 

 Saludos.

 Santiago.




 ___
 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

___
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


Re: [Ovillo] Sustitucion de Flash por CSS3

2011-01-06 Por tema Rosa González
Hola!  Que tal?
Formular una consulta...Tengo una prueba de hmtl...y debo posicionar unas
columnas las cuales se pegan unas a otras...No puedo usar
margin...¿padding sería la propiedad indicada?
Gracias...
Rosa


El 6 de enero de 2011 19:28, santosvz santo...@graficssvz.com escribió:

 Es tan solo un comienzo.
 Habrá que ver con el tiempo a donde se va.
 La tecnología y los desarrolladores camina a pasos de gigante.
 Es lógico que Chrome por Android y Safari por i Phone /iPad lo implementen.
 Supongo que con el tiempo y la querra de navegadores y la Web Móvil se
 implementara en todos para que los dispositivos móviles lo puedan utilizar
 sin que suponga la utilización de muchos recursos y tiempo.


 Un cordial saludo de SantosVZ


 (-:-Mensaje original-
 (-:De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En
 (-:nombre de Ivan Pérez
 (-:Enviado el: Jueves, 06 de Enero de 2011 04:14 p.m.- Santos-
 (-:Para: Ovillo, la lista de CSS en castellano
 (-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3
 (-:
 (-:Solo para los navegadores que se acompañan con tecnología Webkit =/
 (-:
 (-:No es 100% compatible universal, hasta que tendrán las nuevas
 tecnologias y
 (-:rendimiento de Canvas es casi pobre contra flash player, pero
 dependiendo
 (-:los navegadores.
 (-:
 (-:Oye, actualmente hay muchos usuarios usan Flash Player, tiene un js de
 (-:autoinstalación flash y todos se usan mucho, tambien hay algunos de open
 (-:source para compilar .swf usando actionscript para uso de multimedia,
 (-:interactivo, animación, realidad aumentada, juegos, curiosidades y entre
 (-:otros, no como IDE de Adobe Flash CS5 (solo para hacer sitios web en
 flash,
 (-:no es tan ideal) y ya existen las nuevas tecnologías que se convierten
 SWF a
 (-:Canvas como smokescreen.us
 (-:
 (-:Ninguno de HTML5 y Canvas ha usado la aplicación de realidad aumentada
 ni
 (-:webcam.
 (-:
 (-:Android usa Flash Player, pero iPhone y iPad no usan, este es problema.
 (-:
 (-:No te dejes engañar el odio a flash por algunas razones,
 (-:
 (-:
 (-:
 (-:El 6 de enero de 2011 09:37, santosvz santo...@graficssvz.com
 escribió:
 (-:
 (-: Personalmente tampoco lo creo. Más bien es una alternativa  orientada
 a
 (-: dispositivos móviles.
 (-: No deja de ser interesante una aplicación que permita  su
 implementación,
 (-: sobre todo para aquellos diseñadores web de cara a dispositivos
 móviles dada
 (-: su proliferación actual.
 (-:
 (-: Un cordial saludo de SantosVZ
 (-:
 (-:
 (-:
 (-: (-:-Mensaje original-
 (-: (-:De: ovillo-boun...@lists.ovillo.org [mailto:
 (-: ovillo-boun...@lists.ovillo.org] En
 (-: (-:nombre de Tei
 (-: (-:Enviado el: Jueves, 06 de Enero de 2011 08:25 a.m.-
 (-: (-:Para: Ovillo, la lista de CSS en castellano
 (-: (-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3
 (-: (-:
 (-: (-:Si quieres implicar que CSS3+HTML5 sustituira a Flash, no lo creo,
 hay
 (-: (-:cosas que flash siempre hara mejor que cualquier otra cosa. La
 feature
 (-: (-:es que no sea necesario tener instalado flash para navegar por la
 web.
 (-: (-:Que flash se mantenga en el sitio que le corresponde, el de un
 plugin
 (-: (-:para hacer algunas cositas muy concretas, que cosas como menus en
 (-: (-:flash no existan.. .esto mas o menos ya se ha conseguido con los
 menus
 (-: (-:hibridos css2+html4.  Hoy en dia existen muchas maquinitas que
 tienen
 (-: (-:poca potencia de calculo y se usan para navegar por la web, algunas
 no
 (-: (-:incluyen soporte de flash (iPad) y otras lo incluyen pero es
 (-: (-:inefectivo (porque es tan lento que no se puede usar en condiciones
 y
 (-: (-:es mejor que no lo tuvieran). Se trata de poder navegar donde sea
 con
 (-: (-:ellos y poder hacerlo todo.   Antes de que se inventaran los
 (-: (-:smarthphones se llevaba ya muchos años pidiendo esto, se ha
 insistido
 (-: (-:desde siempre que la Web no esta ahi para verla desde ordenadores
 de
 (-: (-:escritorio, que es muchisimo mas que eso, que la Web ni siquiera
 tiene
 (-: (-:porque ser visual, que se puede renderizar en cualquier otra cosa.
 (-: (-:Esto ha sonado a filosofia barata los ultimos 15 años, pero ahora
 con
 (-: (-:la aparicion de los smartphones y cosas como el iPad, se cumple la
 (-: (-:profecia.
 (-: (-:
 (-: (-:2011/1/6 santosvz santo...@graficssvz.com:
 (-: (-: Con seguridad lo encontraran muy interesante.
 (-: (-: Los enlaces solo se visualizan correctamente con Safari y Chrome.
 (-: (-: http://dev.sencha.com/animator/demos/ions/
 (-: (-: http://dev.sencha.com/animator/demos/water/
 (-: (-: http://dev.sencha.com/animator/demos/cogs/
 (-: (-:
 (-: (-:
 (-: (-: Un cordial saludo de SantosVZ
 (-: (-:
 (-: (-:
 (-: (-:
 (-: (-:
 (-: (-: ___
 (-: (-: 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:
 (-: