Re: [Ovillo] Porque se ve así la barra de Breadcrumbs?
Si cambie el #DDD por otro color un poco más oscuro pero a q te refieres con q hay problemas de herencia y si uso Firebug (la memoria no me es problema) Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/14 santosvz > Parece que hay un problema de herencia que afecta, es cuestión de > revisar. > http://santosvz.vndv.com/example/centro_search.jpg > > > Creo que te seria útil que el uso del complemento Firebug (aunque consume > recursos) ya que utilizas FF. > Veo que ya cambiaste el #DDD por #BFBFBF (se ve bien) > > > *-Mensaje original- > *De: ovillo-boun...@lists.ovillo.org > [mailto:ovillo-boun...@lists.ovillo.org] En nombre > *de reynie...@gmail.com > *Enviado el: miércoles, 13 de abril de 2011 09:34 p.m. > *Para: Ovillo, la lista de CSS en castellano > *Asunto: Re: [Ovillo] Porque se ve así la barra de Breadcrumbs? > * > *Pues las únicas definiciones para UL q tengo en mi fichero de estilos son > *las siguientes: > * > *ul.menu,ul.menu ul{list-style-type:none;margin:0;padding:0;} > *ul.menu a{display:block;text-decoration:none;} > *ul.menu li a{background:#FFF;color:#000;border-bottom:1px dotted > *#CCC;padding:.5em;} > *ul.menu li a:hover{background:#F3F3F3;border-left:3px #00559A solid;} > *ul.menu li ul li a{color:#000;padding-left:15px;} > *ul.menu li ul li a:hover{border-left:3px #000 solid;padding-left:10px;} > * > *#breadcrumb{float:left;width:100%;padding:0} > *#crumbs ul, li {list-style-type:none;padding:0;margin:0;} > *#crumbs li {float:left;padding:0 0 0 .75em;color:#777;border-top:#487DB3} > *#crumbs li a {display:block;padding:0 15px 0 > *0;background:url(../image/crumbs.gif) no-repeat right center;} > *#crumbs li a:link, #crumbs li a:visited {text-decoration:none;color:#777;} > *#crumbs li a:hover, #crumbs li a:focus {color:#487DB3;} > * > *Otra que aplique a un solo UL no existe por eso me extraña el > comportamiento > *y no logro solucionarlo :( > * > *Ing. Reynier Pérez Mira > *Cel: +58 04160121226 > *Twitter: twitter.com/reypm > *Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com > * > * > * > *2011/4/13 Marcos Lorca > * > *> tag independiente... la i > *___ > *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] Porque se ve así la barra de Breadcrumbs?
Parece que hay un problema de herencia que afecta, es cuestión de revisar. http://santosvz.vndv.com/example/centro_search.jpg Creo que te seria útil que el uso del complemento Firebug (aunque consume recursos) ya que utilizas FF. Veo que ya cambiaste el #DDD por #BFBFBF (se ve bien) *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de reynie...@gmail.com *Enviado el: miércoles, 13 de abril de 2011 09:34 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Porque se ve así la barra de Breadcrumbs? * *Pues las únicas definiciones para UL q tengo en mi fichero de estilos son *las siguientes: * *ul.menu,ul.menu ul{list-style-type:none;margin:0;padding:0;} *ul.menu a{display:block;text-decoration:none;} *ul.menu li a{background:#FFF;color:#000;border-bottom:1px dotted *#CCC;padding:.5em;} *ul.menu li a:hover{background:#F3F3F3;border-left:3px #00559A solid;} *ul.menu li ul li a{color:#000;padding-left:15px;} *ul.menu li ul li a:hover{border-left:3px #000 solid;padding-left:10px;} * *#breadcrumb{float:left;width:100%;padding:0} *#crumbs ul, li {list-style-type:none;padding:0;margin:0;} *#crumbs li {float:left;padding:0 0 0 .75em;color:#777;border-top:#487DB3} *#crumbs li a {display:block;padding:0 15px 0 *0;background:url(../image/crumbs.gif) no-repeat right center;} *#crumbs li a:link, #crumbs li a:visited {text-decoration:none;color:#777;} *#crumbs li a:hover, #crumbs li a:focus {color:#487DB3;} * *Otra que aplique a un solo UL no existe por eso me extraña el comportamiento *y no logro solucionarlo :( * *Ing. Reynier Pérez Mira *Cel: +58 04160121226 *Twitter: twitter.com/reypm *Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com * * * *2011/4/13 Marcos Lorca * *> tag independiente... la i *___ *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] Porque se ve así la barra de Breadcrumbs?
Listo, lo que hice fue lo siguiente: #crumbs{width:100%;padding:10px;margin:0} #header .div6{clear:both;height:30px;margin-bottom:10px;border:1px solid #BFBFBF;} Y ya me sale centrado el Breadcrumbs, gracias a todos :) Saludos Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/14 Diego Burich > Tenés esto: > > #header .div6 { >border: 1px solid #BFBFBF; >clear: both; >height: 30px; >margin-bottom: 10px; > } > > Podrias eliminar el height: 30px, agregar un overflow: hidden a ese div, y > la lista flotarla, entre otras cosas, > pero sobre todo viendolo en Firebug el magin del ul no esta seteado. > > > > > > > > > 2011/4/14 reynie...@gmail.com > > > Pues aún así y todo sigo viendo algo extraño ... ya lo cambié y no logro > > que > > el breadcrumbs suba ni 1px :( > > > > Ing. Reynier Pérez Mira > > Cel: +58 04160121226 > > Twitter: twitter.com/reypm > > Correo: reynie...@gmail.com / reynie...@hotmail.com / > reynie...@yahoo.com > > > > > > > > 2011/4/14 Alvarez Laurnaga, Jose Antonio > > > > > ¿será esto lo quieres? > > > > > > > > > > > > Por supuesto pasa los estilos a la CSS ;) > > > > > > >> -Mensaje original- > > > >> De: ovillo-boun...@lists.ovillo.org > > > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de > > > >> reynie...@gmail.com > > > >> Enviado el: jueves, 14 de abril de 2011 2:20 > > > >> Para: Ovillo, la lista de CSS en castellano > > > >> Asunto: [Ovillo] Porque se ve así la barra de Breadcrumbs? > > > >> > > > >> Buenas noches a todos: > > > >> Alguien me puede ayudar a descubrir xq la barra de > > > >> "Breadcrumbs" en este sitio > > > >> http://libcommerce.pdev.x10.mx/index.php?route=product/catego > > > ry&path=18 se ve corrida hacia abajo? Por más que busco no logro >> > > > encontrar dnd está fallando la cosa. > > > >> > > > >> Saludos y gracias por adelantado > > > >> Ing. Reynier Pérez Mira > > > >> Cel: +58 04160121226 > > > >> Twitter: twitter.com/reypm > > > >> Correo: reynie...@gmail.com / reynie...@hotmail.com / > > > >> reynie...@yahoo.com ___ > > > >> 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 > ___ 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] Porque se ve así la barra de Breadcrumbs?
Tenés esto: #header .div6 { border: 1px solid #BFBFBF; clear: both; height: 30px; margin-bottom: 10px; } Podrias eliminar el height: 30px, agregar un overflow: hidden a ese div, y la lista flotarla, entre otras cosas, pero sobre todo viendolo en Firebug el magin del ul no esta seteado. 2011/4/14 reynie...@gmail.com > Pues aún así y todo sigo viendo algo extraño ... ya lo cambié y no logro > que > el breadcrumbs suba ni 1px :( > > Ing. Reynier Pérez Mira > Cel: +58 04160121226 > Twitter: twitter.com/reypm > Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com > > > > 2011/4/14 Alvarez Laurnaga, Jose Antonio > > > ¿será esto lo quieres? > > > > > > > > Por supuesto pasa los estilos a la CSS ;) > > > > >> -Mensaje original- > > >> De: ovillo-boun...@lists.ovillo.org > > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de > > >> reynie...@gmail.com > > >> Enviado el: jueves, 14 de abril de 2011 2:20 > > >> Para: Ovillo, la lista de CSS en castellano > > >> Asunto: [Ovillo] Porque se ve así la barra de Breadcrumbs? > > >> > > >> Buenas noches a todos: > > >> Alguien me puede ayudar a descubrir xq la barra de > > >> "Breadcrumbs" en este sitio > > >> http://libcommerce.pdev.x10.mx/index.php?route=product/catego > > ry&path=18 se ve corrida hacia abajo? Por más que busco no logro >> > > encontrar dnd está fallando la cosa. > > >> > > >> Saludos y gracias por adelantado > > >> Ing. Reynier Pérez Mira > > >> Cel: +58 04160121226 > > >> Twitter: twitter.com/reypm > > >> Correo: reynie...@gmail.com / reynie...@hotmail.com / > > >> reynie...@yahoo.com ___ > > >> 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] Porque se ve así la barra de Breadcrumbs?
Pues aún así y todo sigo viendo algo extraño ... ya lo cambié y no logro que el breadcrumbs suba ni 1px :( Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/14 Alvarez Laurnaga, Jose Antonio > ¿será esto lo quieres? > > > > Por supuesto pasa los estilos a la CSS ;) > > >> -Mensaje original- > >> De: ovillo-boun...@lists.ovillo.org > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de > >> reynie...@gmail.com > >> Enviado el: jueves, 14 de abril de 2011 2:20 > >> Para: Ovillo, la lista de CSS en castellano > >> Asunto: [Ovillo] Porque se ve así la barra de Breadcrumbs? > >> > >> Buenas noches a todos: > >> Alguien me puede ayudar a descubrir xq la barra de > >> "Breadcrumbs" en este sitio > >> http://libcommerce.pdev.x10.mx/index.php?route=product/catego > ry&path=18 se ve corrida hacia abajo? Por más que busco no logro >> > encontrar dnd está fallando la cosa. > >> > >> Saludos y gracias por adelantado > >> Ing. Reynier Pérez Mira > >> Cel: +58 04160121226 > >> Twitter: twitter.com/reypm > >> Correo: reynie...@gmail.com / reynie...@hotmail.com / > >> reynie...@yahoo.com ___ > >> 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] Porque se ve así la barra de Breadcrumbs?
¿será esto lo quieres? Por supuesto pasa los estilos a la CSS ;) >> -Mensaje original- >> De: ovillo-boun...@lists.ovillo.org >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de >> reynie...@gmail.com >> Enviado el: jueves, 14 de abril de 2011 2:20 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: [Ovillo] Porque se ve así la barra de Breadcrumbs? >> >> Buenas noches a todos: >> Alguien me puede ayudar a descubrir xq la barra de >> "Breadcrumbs" en este sitio >> http://libcommerce.pdev.x10.mx/index.php?route=product/catego ry&path=18 se ve corrida hacia abajo? Por más que busco no logro >> encontrar dnd está fallando la cosa. >> >> Saludos y gracias por adelantado >> Ing. Reynier Pérez Mira >> Cel: +58 04160121226 >> Twitter: twitter.com/reypm >> Correo: reynie...@gmail.com / reynie...@hotmail.com / >> reynie...@yahoo.com ___ >> 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] Porque se ve así la barra de Breadcrumbs?
Pues las únicas definiciones para UL q tengo en mi fichero de estilos son las siguientes: ul.menu,ul.menu ul{list-style-type:none;margin:0;padding:0;} ul.menu a{display:block;text-decoration:none;} ul.menu li a{background:#FFF;color:#000;border-bottom:1px dotted #CCC;padding:.5em;} ul.menu li a:hover{background:#F3F3F3;border-left:3px #00559A solid;} ul.menu li ul li a{color:#000;padding-left:15px;} ul.menu li ul li a:hover{border-left:3px #000 solid;padding-left:10px;} #breadcrumb{float:left;width:100%;padding:0} #crumbs ul, li {list-style-type:none;padding:0;margin:0;} #crumbs li {float:left;padding:0 0 0 .75em;color:#777;border-top:#487DB3} #crumbs li a {display:block;padding:0 15px 0 0;background:url(../image/crumbs.gif) no-repeat right center;} #crumbs li a:link, #crumbs li a:visited {text-decoration:none;color:#777;} #crumbs li a:hover, #crumbs li a:focus {color:#487DB3;} Otra que aplique a un solo UL no existe por eso me extraña el comportamiento y no logro solucionarlo :( Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/13 Marcos Lorca > tag independiente... la i ___ 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] Porque se ve así la barra de Breadcrumbs?
Si ya definiste los UL, que veo le diste un ID, me preocupareía de ver si definiste el UL como tag independiente... la idea es ver si es que está heredando alguna característica del genérico. Eso es lo primero que se me ocurre, saludos. > Date: Wed, 13 Apr 2011 19:50:29 -0430 > From: reynie...@gmail.com > To: ovillo@lists.ovillo.org > Subject: [Ovillo] Porque se ve así la barra de Breadcrumbs? > > Buenas noches a todos: > Alguien me puede ayudar a descubrir xq la barra de "Breadcrumbs" en este > sitio > http://libcommerce.pdev.x10.mx/index.php?route=product/category&path=18 se > ve corrida hacia abajo? Por más que busco no logro encontrar dnd está > fallando la cosa. > > Saludos y gracias por adelantado > Ing. Reynier Pérez Mira > Cel: +58 04160121226 > Twitter: twitter.com/reypm > Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com > ___ > 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