Foros del Web - Ver Mensaje Individual

Naahuel · #4 (**permalink**) 08/03/2012, 07:04

Entonces no se trata de estilos heredados, sino que querés que al <p> que contiene una <img> no se le apliquen esos estilos?

Eso es complicadísimo de lograr, pues requeriría de un selector CSS para determinar el elemento padre y tal cosa no existe, aunque ha sido propuesta.

Lo único que puedo sugerirte es que veas la forma de implementarle una clase al párrafo que contiene una imágen, de esta forma:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <title>Css test</title>
    <style type="text/css">
    <!--
        p{
            border:1px solid black;
        }
        .parrafo-imagen{
            border:0;
        }
    -->
    </style>
</head>
<body>
    <p>Lorem ipsum dolor sit amet, iubet per te princeps audito sed, longa ferri Lorem post autem Apolloni figitur acquievit. Inquisivi ecce codicellis periclitemur nulla facilius de tuae designaverant ut libertatem non solutionem invenisti, quique non ait regem Boreas ingreditur ad quia ei. Respondens sed eu fides piissimi deo hanc. Patris inaudita sanctae facer possimus undecim anno laeti ergo Apollonius mihi. His domino nostrud exercitu necessitate me vero cum.</p>
    <p>Lorem ipsum dolor sit amet, iubet per te princeps audito sed, longa ferri Lorem post autem Apolloni figitur acquievit. Inquisivi ecce codicellis periclitemur nulla facilius de tuae designaverant ut libertatem non solutionem invenisti, quique non ait regem Boreas ingreditur ad quia ei. Respondens sed eu fides piissimi deo hanc. Patris inaudita sanctae facer possimus undecim anno laeti ergo Apollonius mihi. His domino nostrud exercitu necessitate me vero cum.</p>
    <p class="parrafo-imagen"><img src="http://placehold.it/200x200" alt="" title="" /></p>
    <p>Lorem ipsum dolor sit amet, iubet per te princeps audito sed, longa ferri Lorem post autem Apolloni figitur acquievit. Inquisivi ecce codicellis periclitemur nulla facilius de tuae designaverant ut libertatem non solutionem invenisti, quique non ait regem Boreas ingreditur ad quia ei. Respondens sed eu fides piissimi deo hanc. Patris inaudita sanctae facer possimus undecim anno laeti ergo Apollonius mihi. His domino nostrud exercitu necessitate me vero cum.</p>
</body>
</html>

Claro que entiendo que eso puede ser complicado de lograr en Joomla.

Como último recurso te diría que podés usar Javascript para ver qué <p>'s tienen <img> y a esos asignarles una clase, la cual tendría determinados estilos en el CSS.

Tal vez ayude mejor a resolver tu problema si nos dijeras cuales estilos necesitás, a lo mejor hay otra forma!