Tweet
Bonjour,
Sur mon site "galerie-meda.com" la page générée par le menu "le mur des toiles" est constituée d'une mosaïque d'images qui s'affiche correctement sous IE mais se présente sous la forme d'une colonne d'images sous Firefox.
Lors de l'injection des données dans la page Joomla 2.5 enferme chaque bloc image dans une double div : voir ci-dessous
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr">
<!-- saved from url=(0014)about:internet -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Le mur des toiles</title>
<style>
*{margin:0; padding:0;}
body{background-color:#000; font-family:Verdana; text-transform:uppercase; color:#fff; font-size:10px; overflow:hidden;}
img{margin:0; padding:0;}
#image{margin:60px 40px; float:left;}
#image img{margin-top:-30px; margin-left:-30px; border: none; opacity:0.3; filter
rogid
XImageTransform.Microsoft.Alpha(opacity=30);}
#image p{height:70px; width:70px; margin:2px; overflow:hidden; cursorointer; position:relative; float:left;}
#image p:hover{overflow:visible; z-index:10000;}
#image p:hover img{overflow:visible; border:1px solid #999; opacity:1.0; filterrogidXImageTransform.Microsoft.Alpha(opacity=100);}
</style>
</head>
<body>
<!-- Debut image -->
<div id="image">
<!-- Debut blog -->
<div class="blog">
<div class="items-row cols-1 row-0">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/kingofnewyork.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-1">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/topmod.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-2">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/bobmarley4.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-3">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/jimi2011.jpg" /></p>
</div>
</div>
</div>
<!-- Fin blog -->
</div>
<!-- Fin image -->
</body>
</html>
Comment supprimer ces div, soit en modifiant les fichiers de Joomla, soit en modifiant la page générée par un bout de Javascript.
Merci de votre aide
Complément d'information :
ce site est réalisé sous Joomla 2.5 et hébergé par "nuxit"
les pages principales du sites sont réalisées à partir d'un template BEEZ5 modifié, les autres sont générées selon mes humbles moyens avec des gabarits faits maison et dont la qualité est peut être la source de mes problêmes.
Sur mon site "galerie-meda.com" la page générée par le menu "le mur des toiles" est constituée d'une mosaïque d'images qui s'affiche correctement sous IE mais se présente sous la forme d'une colonne d'images sous Firefox.
Lors de l'injection des données dans la page Joomla 2.5 enferme chaque bloc image dans une double div : voir ci-dessous
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr">
<!-- saved from url=(0014)about:internet -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Le mur des toiles</title>
<style>
*{margin:0; padding:0;}
body{background-color:#000; font-family:Verdana; text-transform:uppercase; color:#fff; font-size:10px; overflow:hidden;}
img{margin:0; padding:0;}
#image{margin:60px 40px; float:left;}
#image img{margin-top:-30px; margin-left:-30px; border: none; opacity:0.3; filter
rogidXImageTransform.Microsoft.Alpha(opacity=30);}#image p{height:70px; width:70px; margin:2px; overflow:hidden; cursor
ointer; position:relative; float:left;}#image p:hover{overflow:visible; z-index:10000;}
#image p:hover img{overflow:visible; border:1px solid #999; opacity:1.0; filter
rogidXImageTransform.Microsoft.Alpha(opacity=100);}</style>
</head>
<body>
<!-- Debut image -->
<div id="image">
<!-- Debut blog -->
<div class="blog">
<div class="items-row cols-1 row-0">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/kingofnewyork.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-1">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/topmod.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-2">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/bobmarley4.jpg" /></p>
</div>
</div>
<div class="items-row cols-1 row-3">
<div class="item column-1">
<p><img src="http://www.galerie-meda.com/images/vitrine/jimi2011.jpg" /></p>
</div>
</div>
</div>
<!-- Fin blog -->
</div>
<!-- Fin image -->
</body>
</html>
Comment supprimer ces div, soit en modifiant les fichiers de Joomla, soit en modifiant la page générée par un bout de Javascript.
Merci de votre aide
Complément d'information :
ce site est réalisé sous Joomla 2.5 et hébergé par "nuxit"
les pages principales du sites sont réalisées à partir d'un template BEEZ5 modifié, les autres sont générées selon mes humbles moyens avec des gabarits faits maison et dont la qualité est peut être la source de mes problêmes.
Commentaire