Re: [Ovillo] cajas ...aún sin solución...
Independientemente del tipo de box que utilices, es bueno poner en práctica hasta que se tenga la suficiente experiencia y/o practica la utilización de comentarios que te sirvan de referencia donde empieza y termina cada código, asi es mas fácil movilizarse y localizar errores tanto en el CSS como en el Html. Hay un editor de HTML multiplataforma multilenguaje (Windows, Linux, Mac OSX) que quizá te pueda servir. Bluefish GNU GPL licence (leer requerimientos) http://bluefish.openoffice.nl/index.html Image ref. http://img708.imageshack.us/img708/5928/bluefish.jpg Example: CSS /*referencia*/ HTML *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de cubells *Enviado el: sábado, 19 de marzo de 2011 08:02 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] cajas ...aún sin solución... * * * *Al 18/03/11 04:40, En/na Rosa González ha escrit: *> Cambié el código rehaciéndolo...intentaré subir el nuevo código... * *Rosa: * *Lo siento, pero no puedo ayudarte. * *Con los datos que nos das es imposible saber cómo quieres que vayan las *cajas. Además de que el código tiene errores garrafales. * *Tal y como ha dicho santosvz, revisa la documentación: * *http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html *http://www.glish.com/css/ * *y después vuelve a presentarnos el código * *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...
Al 18/03/11 04:40, En/na Rosa González ha escrit: > Cambié el código rehaciéndolo...intentaré subir el nuevo código... Rosa: Lo siento, pero no puedo ayudarte. Con los datos que nos das es imposible saber cómo quieres que vayan las cajas. Además de que el código tiene errores garrafales. Tal y como ha dicho santosvz, revisa la documentación: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html http://www.glish.com/css/ y después vuelve a presentarnos el código 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
Re: [Ovillo] cajas ...aún sin solución...
Cambié el código rehaciéndolo...intentaré subir el nuevo código... Un saludo... Rosa El 16 de marzo de 2011 19:47, cubells 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...
Sí que sirve...muchas gracias... Estaba revisando el código en éste momento... Rosa El 18 de marzo de 2011 00:14, santosvz 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...
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
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
Re: [Ovillo] cajas ...aún sin solución...
El código html lo tenías con errores, yo te aconsejaría que lo valides siempre. Pero de todas formas me parece que id="datos02" sí que aparece de rojo al fondo de la página cuando haces scroll. Es un problema de alturas, que tanto id="cabeza1" como id="datos01" tienen una altura muy grande, que empujan a id="datos02" abajo. Espero haberte ayudado algo. Un saludo. Cógigo válido html: Empresa Productos Servicios --- El jue, 10/3/11, Rosa González escribió: De: Rosa González Asunto: Re: [Ovillo] cajas ...aún sin solución... Para: "Ovillo, la lista de CSS en castellano" Fecha: jueves, 10 de marzo, 2011 00:17 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.. Gracias 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 >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 > > > > > > > > > > > > Empresa > > Productos > > Servicios > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - > > - 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 ___ 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...
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.. Gracias 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 >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 > > > > > > > > > > > > Empresa > > Productos > > Servicios > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - > > - 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
Re: [Ovillo] cajas ...aún sin solución...
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 >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 > > > > > > > > > > > > Empresa > > Productos > > Servicios > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - > > - 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
Re: [Ovillo] cajas ...aún sin solución...
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 escribió: > 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 >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 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. > > > > > > > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > http://www.w3.org/1999/xhtml"; lang="es" xml:lang="es"> > > > > > > > > > > /> > > > > > > > > > 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; > > > } > > > > > > > > > > > > > > > > > > > > > > > > Empresa > > > > > Productos > > > Servicios > > > > > > > > > /*fin div cabecera*/ > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > El 3 de marzo de 2011 17:51, Rosa González > >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 > > >> > > >> > > >> > > >> > > >> > > >> Empresa > > >> Productos > > >> Servicios > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> - > > >> - CSS : > > >> - html, body{height:100%} > > >> - > > >> - #contenedor{ > > >>
Re: [Ovillo] cajas ...aún sin solución...
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 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 > > > > > > Empresa > Productos > Servicios > > > > > > > > > > > > > > > > > > > > > > > > - > - 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
Re: [Ovillo] cajas ...aún sin solución...
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 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 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. > > > > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > http://www.w3.org/1999/xhtml"; lang="es" xml:lang="es"> > > > > > > /> > > > > > > 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; > > } > > > > > > > > > > > > > > > > Empresa > > > Productos > > Servicios > > > > > > /*fin div cabecera*/ > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > El 3 de marzo de 2011 17:51, Rosa González >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 > >> > >> > >> > >> > >> > >> Empresa > >> Productos > >> Servicios > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> - > >> - 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; > >>
Re: [Ovillo] cajas ...aún sin solución...
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 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. > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > http://www.w3.org/1999/xhtml"; lang="es" xml:lang="es"> > > > > > > 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; > } > > > > > > > > Empresa > Productos > Servicios > > > /*fin div cabecera*/ > > > > > > > > > > > > > > > > > > > > > > > > > El 3 de marzo de 2011 17:51, Rosa González 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 >> >> >> >> >> >> Empresa >> Productos >> Servicios >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> - >> - 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: >
Re: [Ovillo] cajas ...aún sin solución...
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. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml"; lang="es" xml:lang="es"> 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; } Empresa Productos Servicios /*fin div cabecera*/ El 3 de marzo de 2011 17:51, Rosa González 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 > > > > > > Empresa > Productos > Servicios > > > > > > > > > > > > > > > > > > > > > > > > - > - 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
[Ovillo] cajas ...aún sin solución...
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 Empresa Productos Servicios - - 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