<html><head><style type='text/css'>p { margin: 0; }</style></head><body><div style='font-family: Arial; font-size: 12pt; color: #000000'><span>Estimados Juan y Edgar,<br><br>En la versión 5.x de BVS-Site, se agriegaron IDs por componente de forma que se pueda especificar una aparencia a un determinado componente atribuyendo selectores de CSS.<br><br>El BVS-site 5.x implementa los com ponentes con la siguiente estructura<br></span><span style="font-family: monospace;"><br></span><<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"collection" </span><span class="attribute-name">id</span>=<span class="attribute-value">"c_107"</span>><br> <<span class="start-tag">h3</span>><br> <<span class="start-tag">span</span>><<span class="start-tag">a</span><span class="attribute-name"> href</span><span>="</span><u>#</u><span>"</span>>Título del Componente</<span class="end-tag">a</span>></<span class="end-tag">span</span>><br> </<span class="end-tag">h3</span>><br> <ul><br> <li>Item</li><br> </ul><br><span id="dd420c13-5088-40b6-b461-defaa0d33101"></div><br><br>.collection --> atribución genérica de aparencia<br>#c_107 --> estilos específicos del componente<br><br></span><span id="dd420c13-5088-40b6-b461-defaa0d33101"><br>Utilizar el atributo !important funciona, pero no es la solución adecuada porque rompe la herencia. <br>Lo mas adecuado seria<br><br></span><b>#c_107 H3 SPAN {<br> border-color: red; <br>}</b><br>
<span id="dd420c13-5088-40b6-b461-defaa0d33101"><br>un saludo, y gracias por la participación</span><br><span id="dd420c13-5088-40b6-b461-defaa0d33101"><br><br>Júlio Takayama<br>BIREME/OPAS/OMS, Supervisor (DGI/GA)<br>[Newsletter BVS – Acesse as últimas notícias em 3 idiomas] http://newsletter.bireme.br/ <br>+ 55 11 5576-9819<br></span><br>----- Original Message -----<br>From: "Juan Gomez" <jbgomez21@gmail.com><br>To: "Edgar Rodríguez de Vera" <edgar@inhem.sld.cu>, "reddes bvs-tech" <reddes.bvs-tech@listas.bireme.br><br>Sent: Thursday, July 22, 2010 3:33:54 PM<br>Subject: Re: [Reddes.bvs-tech] CSS BVS 5.2.11<br><br>Edgar, muchas gracias por la respuesta.<br>Esa solución me parece mejor a la que propuse.<br><br>De todas formas mande el aviso para que en algún momento corrijan eso ya que la idea es que el usuario retoque la css de por ejemplo .collection y que tenga el efecto deseado y no tener que estar mirando porque es que no toma el cambio.<br>
<br><br>Saludos,<br>Juan<br><br><div class="gmail_quote">El 22 de julio de 2010 08:25, Edgar Rodríguez de Vera <span dir="ltr"><<a href="mailto:edgar@inhem.sld.cu" target="_blank">edgar@inhem.sld.cu</a>></span> escribió:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div>
<div><font face="Arial" size="2">Hola Juan:</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">Lo que tiene que hacer es poner <b><font color="#ff0000">!important</font></b> para que el estilo no se sobreescriba
por el redefinido anteriormente, a continuación le dejo un ejemplo de como debe
quedar.</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><b>.collection H3 SPAN {<br> border-color: red <font color="#ff0000">!important</font>; <br>}</b></div>
<div><b></b> </div>
<div>con esto debe quedar resuelto el problema.</div>
<div> </div>
<div><font face="Arial" size="2">saludos, </font></div>
<div><font face="Arial" size="2">Atte. Edgar Rodríguez de Vera</font></div>
<blockquote style="border-left: 2px solid rgb(0, 0, 0); padding-right: 0px; padding-left: 5px; margin-left: 5px; margin-right: 0px;"><div><div></div><div class="h5">
<div style="font: 10pt arial;">----- Original Message ----- </div>
<div style="background: none repeat scroll 0% 0% rgb(228, 228, 228); -moz-background-inline-policy: continuous; font: 10pt arial;">
<b>From:</b>
<a title="jbgomez21@gmail.com" href="mailto:jbgomez21@gmail.com" target="_blank">Juan Gomez</a>
</div>
<div style="font: 10pt arial;"><b>To:</b> <a title="reddes.bvs-tech@listas.bireme.br" href="mailto:reddes.bvs-tech@listas.bireme.br" target="_blank">reddes bvs-tech</a> </div>
<div style="font: 10pt arial;"><b>Sent:</b> Wednesday, July 21, 2010 11:59
PM</div>
<div style="font: 10pt arial;"><b>Subject:</b> [Reddes.bvs-tech] CSS BVS
5.2.11</div>
<div><br></div>Hola Julio <span><span>Takayama</span></span>,<br>He
encontrado algun detalle en las CSS de la nueva BVS 5.2.11.<br>Por ejemplo
antes en la BVS 4.01 si se queria retocar el estilo de algun componente (ej:
collection)<br>modificaba por ejemplo alguna entrada en el archivo
components.css <br><br>ej:<br><br><b>#collection H3 SPAN
{<br> border-color: red;
<br>}</b><br><br>y con esto lograba que el rectangulo que se encuentra a la
izquierda del nombre del componente tenga el color rojo. <br><br>eso
funcionaba bien en la BVS 4.01<br><br><br>Ahora en la nueva BVS 5.2.11 como se
cambio el componente collection de #collection a .collection (o sea se lo
definio como clase)<br>surge el siguiente problema.<br>Si modifico al igual
que antes<br><br><b>.collection H3 SPAN {<br> border-color:
red; <br>}</b><br><br>el cambio no tiene
efecto!!<br><br>Esto es porque el estilo es redefinido por <br><br><b style="color: rgb(0, 0, 0);">.firstColumn div h3 span, .secondColumn div h3 span,
.thirdColumn div h3 span, #search h3 span, #searchConcepts h3 span, .level2
.middle <span style="color: rgb(255, 0, 0);">div h3 span</span></b><b>
{<br> border-left:6px solid #567A7A;<br>
font-size:80%;<br>}</b><br><br>que es mas especifico.<br><br>Antes no pasaba
esto porque #collection era mas especifico.<br>es decir en el codigo fuente de
la BVS se paso de <br><b><div
id="collection"><br><h3><br><span><br><a
href="../php/level.php?lang=es&component=17">Literatura
científica</a><br></span><br></h3><br><ul><br></ul><br></div></b><br><br>a<br><br><b><div
id="c_17" class="collection"><br><h3><br><span><br><a
href="../php/level.php?lang=es&component=17">Literatura
científica</a><br></span><br></h3><br><ul><br></ul><br></div></b><br><br>una
posible solucion seria la de definir en la BVS 5.2.11 el estilo del la
siguiente forma<br><b><br><span style="color: rgb(255, 0, 0);">DIV</span>
.collection H3 SPAN {<br> border-color:
red; <br>}</b><br><br>Al agregar el DIV delante de la
definicion se logra lo que se quiere.<br><br>Les menciono esto porque se
supone que la definicion de los estilos en la hoja components.css estan para
que se los retoque y poder redefinir el comportamiento los mismos.<br><br>pero
como estan definidos en este momento al retocarlos no tienen ningun
efecto.<br><br>espero tu respuesta.<br><br>Saludos,<br>Juan<br><br><br>
<div class="gmail_quote">El 28 de mayo de 2010 14:35, Marcos Luis Mori <span dir="ltr"><<a href="mailto:marcos.mori@bireme.org" target="_blank">marcos.mori@bireme.org</a>></span>
escribió:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div>
<div style="font-size: 12pt; color: rgb(0, 0, 0); font-family: Verdana;"><span>Hola
a todos, <br><br>Gustaría de informarles que en nuestra lista están
ingresados Julio Takayama y su equipo de diseño gráfico de BIREME que van
brindarnos informaciones interesantes a respecto de eso asunto.
<br><br>gracias, <br><font color="#888888"><br>Marcos Luis
Mori<br>RST/MTI<br>BIREME/OPS/OMS<br></font></span></div></div><br>_______________________________________________<br>Reddes.bvs-tech
mailing list<br><a href="mailto:Reddes.bvs-tech@listas.bireme.br" target="_blank">Reddes.bvs-tech@listas.bireme.br</a><br><a href="http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech" target="_blank">http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech</a><br>
<br></blockquote></div><br>
</div></div><p>
</p><hr><div class="im">
<p></p>_______________________________________________<br>Reddes.bvs-tech
mailing
list<br><a href="mailto:Reddes.bvs-tech@listas.bireme.br" target="_blank">Reddes.bvs-tech@listas.bireme.br</a><br><a href="http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech" target="_blank">http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech</a><br>
<br><br><br></div>__________
Informacisn de ESET Smart Security, versisn de la base de firmas de virus 5298
(20100721) __________<br><br>ESET Smart Security ha comprobado este
mensaje.<br><br><a href="http://www.eset.com" target="_blank">http://www.eset.com</a><br><br></blockquote></div>
</blockquote></div><br>
<br>_______________________________________________<br>Reddes.bvs-tech mailing list<br>Reddes.bvs-tech@listas.bireme.br<br>http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech<br></div></body></html>