<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/'><id>tag:blogger.com,1999:blog-27752126.post9221172328965381074..comments</id><updated>2007-06-10T00:17:55.420+02:00</updated><title type='text'>Comments on Variable not found: Selectores CSS 2.1 (II)</title><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.variablenotfound.com/feeds/9221172328965381074/comments/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html'/><author><name>José M. Aguilar</name><uri>http://www.blogger.com/profile/11683750380776435448</uri><email>noreply@blogger.com</email></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>5</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-27752126.post-8320111564018471457</id><published>2007-06-10T00:17:00.000+02:00</published><updated>2007-06-10T00:17:00.000+02:00</updated><title type='text'>Es más o menos lo que esperaba, pero no perdía nad...</title><content type='html'>Es más o menos lo que esperaba, pero no perdía nada por intentarlo ;) Probablemente use la estratagema del span, para los casos en los que meta una imagen.&lt;BR/&gt;Muchas gracias por las respuestas, y por los artículos :=)</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/8320111564018471457'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/8320111564018471457'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html?showComment=1181427420000#c8320111564018471457' title=''/><author><name>Lord Taran</name><uri>http://lordtaran.eniac2000.com</uri><email>noreply@blogger.com</email></author><thr:in-reply-to xmlns:thr='http://purl.org/syndication/thread/1.0' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html' ref='tag:blogger.com,1999:blog-27752126.post-9221172328965381074' source='http://www.blogger.com/feeds/27752126/posts/default/9221172328965381074' type='text/html'/></entry><entry><id>tag:blogger.com,1999:blog-27752126.post-4417885742139147404</id><published>2007-06-08T22:03:00.000+02:00</published><updated>2007-06-08T22:03:00.000+02:00</updated><title type='text'>Hola de nuevo.A la vista del código que citas creo...</title><content type='html'>Hola de nuevo.&lt;BR/&gt;&lt;BR/&gt;A la vista del código que citas creo que, efectivamente, era el caso que te comentaba anteriormente. Por tanto, &lt;EM&gt;con el estándar hemos topado, amigo&lt;/EM&gt;.&lt;BR/&gt;&lt;BR/&gt;En mi opinión, para poder hacer el efecto que buscas vas a tener que usar algún rodeo, y sólo se me ocurren metiendo código a mano.&lt;BR/&gt;&lt;BR/&gt;O bien metes un &amp;lt;p&amp;gt; que contenga tanto la imagen flotando como el &amp;lt;p&amp;gt; original con el texto, como ya te conté, o bien metes la primera letra (a mano) en el interior de un &amp;lt;span class='primera'&amp;gt; (o similar) y aplicas atributos ahí.&lt;BR/&gt;&lt;BR/&gt;Siento no poder darte ninguna solución menos artesana.&lt;BR/&gt;&lt;BR/&gt;Saludos.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/4417885742139147404'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/4417885742139147404'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html?showComment=1181332980000#c4417885742139147404' title=''/><author><name>José María Aguilar</name><uri>http://www.blogger.com/profile/11683750380776435448</uri><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='13204222613663593069'/></author><thr:in-reply-to xmlns:thr='http://purl.org/syndication/thread/1.0' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html' ref='tag:blogger.com,1999:blog-27752126.post-9221172328965381074' source='http://www.blogger.com/feeds/27752126/posts/default/9221172328965381074' type='text/html'/></entry><entry><id>tag:blogger.com,1999:blog-27752126.post-6981720327341676805</id><published>2007-06-08T00:10:00.000+02:00</published><updated>2007-06-08T00:10:00.000+02:00</updated><title type='text'>Gracias por la respuesta :)A ver, te explico, el p...</title><content type='html'>Gracias por la respuesta :)&lt;BR/&gt;A ver, te explico, el problema es que con la bitácora quería que se hiciera el efecto sin tener que meter a mano la etiqueta cada vez. Te pego el enlace al código de una entrada con imagen para que podamos verlo:&lt;BR/&gt;http://pizarra.softlibre-es.com/codigo-61.html&lt;BR/&gt;Y el css que se le aplica:&lt;BR/&gt;http://pizarra.softlibre-es.com/codigo-62.html&lt;BR/&gt;&lt;BR/&gt;El enlace al artículo en cuestión sería:&lt;BR/&gt;http://lordtaran.eniac2000.com/?p=711&lt;BR/&gt;&lt;BR/&gt;Y si no se puede por ahí ¿hay alguna otra manera de hacer que la imagen se sitúe flotando a la derecha, arriba, que no conlleve ponerla al principio?</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/6981720327341676805'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/6981720327341676805'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html?showComment=1181254200000#c6981720327341676805' title=''/><author><name>Lord Taran</name><uri>http://lordtaran.eniac2000.com</uri><email>noreply@blogger.com</email></author><thr:in-reply-to xmlns:thr='http://purl.org/syndication/thread/1.0' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html' ref='tag:blogger.com,1999:blog-27752126.post-9221172328965381074' source='http://www.blogger.com/feeds/27752126/posts/default/9221172328965381074' type='text/html'/></entry><entry><id>tag:blogger.com,1999:blog-27752126.post-6975206313996528351</id><published>2007-06-07T22:36:00.000+02:00</published><updated>2007-06-07T22:36:00.000+02:00</updated><title type='text'>¡Hola!Ante todo, gracias por comentar.No sé si he ...</title><content type='html'>¡Hola!&lt;BR/&gt;&lt;BR/&gt;Ante todo, gracias por comentar.&lt;BR/&gt;&lt;BR/&gt;No sé si he llegado a entender tu problema... en cualquier caso, entiendo que te refieres a que en el interior de un párrafo &amp;lt;p&amp;gt; que tienes decorado desde el CSS para que te modifique la presentación de la primera letra (:first-letter) introduces una imagen, por lo que la primera letra deja de ser el contenido directo del párrafo. ¿Es eso?&lt;BR/&gt;&lt;BR/&gt;Si es así, se trata de una imposición del estándar CSS que puedes ver en la &lt;A HREF="http://www.w3.org/TR/CSS21/selector.html#x52" REL="nofollow"&gt;especificación CSS 2.1 respecto a :first-letter&lt;/A&gt;, que dice textualmente &lt;EM&gt;"The :first-letter pseudo-element must select the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line"&lt;/EM&gt;. En otras palabras, parece que lo que pretendes hacer no es posible, que el selector se aplica sólo al primer carácter de la primera línea siempre que esté precedido por otro elemento como imágenes, etc.&lt;BR/&gt;&lt;BR/&gt;He hecho una prueba rápida y puedes evitarlo sacando la imagen del &amp;lt;p&amp;gt;. Por ejemplo, puedes crear un &amp;lt;p&amp;gt; (o &amp;lt;div&amp;gt;) envolviendo el anterior, e introducir la imagen y acto seguido el texto. El efecto (visualmente) es el mismo, y la primera letra aparece decorada perfectamente.&lt;BR/&gt;&lt;BR/&gt;Espero haberte servido de ayuda.&lt;BR/&gt;&lt;BR/&gt;Un saludo.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/6975206313996528351'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/6975206313996528351'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html?showComment=1181248560000#c6975206313996528351' title=''/><author><name>José María Aguilar</name><uri>http://www.blogger.com/profile/11683750380776435448</uri><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='13204222613663593069'/></author><thr:in-reply-to xmlns:thr='http://purl.org/syndication/thread/1.0' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html' ref='tag:blogger.com,1999:blog-27752126.post-9221172328965381074' source='http://www.blogger.com/feeds/27752126/posts/default/9221172328965381074' type='text/html'/></entry><entry><id>tag:blogger.com,1999:blog-27752126.post-7942292433082380667</id><published>2007-06-07T14:31:00.000+02:00</published><updated>2007-06-07T14:31:00.000+02:00</updated><title type='text'>Vaya, quizás seas capaz de echarme un cable con un...</title><content type='html'>Vaya, quizás seas capaz de echarme un cable con un problemilla que tengo relacionado con esto. En mi blog puse en la hoja de estilos una opción para que la primera letra del primer párrafo de cada artículo usara un estilo distinto, para cambiarle el color y tal. El problema que tengo es que, cuando quiero incluir una imagen flotante a la derecha de forma que el texto se disponga a su alrededor, he de ponerla antes que el texto, por lo que lo que ya no me hace el cambio de fuente de la letra. Seguro que puede implementarse bien, pero mis conocimientos de CSS son bastante mínimos, más basados en búsquedas puntuales, mirar otras páginas y tal que en un estudio decente del tema.&lt;BR/&gt;Gracias por leer el comentario, en todo caso.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/7942292433082380667'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27752126/9221172328965381074/comments/default/7942292433082380667'/><link rel='alternate' type='text/html' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html?showComment=1181219460000#c7942292433082380667' title=''/><author><name>Lord Taran</name><uri>http://lordtaran.eniac2000.com</uri><email>noreply@blogger.com</email></author><thr:in-reply-to xmlns:thr='http://purl.org/syndication/thread/1.0' href='http://www.variablenotfound.com/2007/06/selectores-css-21-ii.html' ref='tag:blogger.com,1999:blog-27752126.post-9221172328965381074' source='http://www.blogger.com/feeds/27752126/posts/default/9221172328965381074' type='text/html'/></entry></feed>