Tweet
Bonjour,
je ne suis peut être pas dans le bon forum cependant :
il me semble bien avoir détecté un problème lié à joomla 2.5 :
Il s'agit d'un espace de 4px sur les éléments inline dans un div,
Je m'explique par un exemple c'est un peu compliqué.
situation de départ :
joomla 2.5.10
feuille de style : complètement vide
index.php de mon template au plus simple : minimum possible.
Article affiché :
- juste du texte "lorem ipsum"
+
- une image insérée à partir de l'interface administrator dans
"Gestion des articles > Modifier mon article > dans le menu latéral "Images et liens" , "Image de l'article complet"
Le code de mon template ressemble à ça :
et le code généré ressemble à ça :
Et ben paf :
un espace vide de 4px en trop dans tous les navigateurs sur l'image. Impossible à overrider même avec padding:0px !important;
Il semble que le problème vienne juste du code lui même
D'après mes investigation sur google, il semble que si joomla génèrait le code sans espace vide ni passage à la ligne un peu de cette manière :
Alors il n'y aurait plus cette espace de 4px;
On élimine aussi cet espace de 4px en donnant la propiété display:block; à l'image.
Je suis très curieux d'avoir l'avis des expert sur cette investigation personnelle.
je ne suis peut être pas dans le bon forum cependant :
il me semble bien avoir détecté un problème lié à joomla 2.5 :
Il s'agit d'un espace de 4px sur les éléments inline dans un div,
Je m'explique par un exemple c'est un peu compliqué.
situation de départ :
joomla 2.5.10
feuille de style : complètement vide
index.php de mon template au plus simple : minimum possible.
Article affiché :
- juste du texte "lorem ipsum"
+
- une image insérée à partir de l'interface administrator dans
"Gestion des articles > Modifier mon article > dans le menu latéral "Images et liens" , "Image de l'article complet"
Le code de mon template ressemble à ça :
Code:
<?php
/**
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
defined('_JEXEC') or die('Restricted access');
?>
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<jdoc:include type="message" /><jdoc:include type="component" />
</body>
</html>
Code:
<!DOCTYPE html> <html> <head> </head> <body> <div class="item-page"> <div class="img-fulltext-none"> <img alt="" src="/templates/voyageautourdumonde/images/img_preparatifs_assurances/photo_article_complet.jpg" > </div> <p>blabla bal bla</p> </div> </body> </html>
un espace vide de 4px en trop dans tous les navigateurs sur l'image. Impossible à overrider même avec padding:0px !important;
Il semble que le problème vienne juste du code lui même
D'après mes investigation sur google, il semble que si joomla génèrait le code sans espace vide ni passage à la ligne un peu de cette manière :
Code:
<div><img alt="" src="mon_image.jpg" /></div>
On élimine aussi cet espace de 4px en donnant la propiété display:block; à l'image.
Je suis très curieux d'avoir l'avis des expert sur cette investigation personnelle.
