WampServer
Apache, PHP, MySQL
on Windows
Aller à : Liste des Forums•Liste des messages•Nouvelle discussion•Recherche•Connexion•Imprimer la vue
Pas d'images sous IE6
Envoyé par:
mere-teresa
(---.altrasys.fr)
Date: 17 December 2006 à 14:14
Bonjour,
Gros problème : les images passent en ligne sur le serveur, mais pas en local.
Sauf les images de fond...
J'ai testé url relatives, absolues, rien ne change...
Gros problème : les images passent en ligne sur le serveur, mais pas en local.
Sauf les images de fond...
J'ai testé url relatives, absolues, rien ne change...
Re: Pas d'images sous IE6
Envoyé par:
bagu
(---.27.76-86.rev.gaoland.net)
Date: 17 December 2006 à 19:37
As tu un bout de code à nous montrer ?
Re: Pas d'images sous IE6
Envoyé par:
mere-teresa
(---.altrasys.fr)
Date: 17 December 2006 à 23:22
Voici ma source HTML que je tente d'afficher 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple pb images</title>
<meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2006 Open Source Matters. All rights reserved." />
<meta name="robots" content="index, follow" />
<script type="text/javascript" src="[localhost];
<script type="text/javascript" src="[localhost];
<link type="text/css" rel="stylesheet" media="screen, projection" href="[localhost]; />
<link rel="stylesheet" type="text/css" href="templates/home/css/template_css.css" media="screen" />
<script>
function afficheId(id) {
if (document.getElementById) {
document.getElementById(id).style.display="block";
document.getElementById(id).style.visibility="visible";
} else if (document.all) {
document.all[id].style.display="block";
} else if (document.layers) {
document.layers[id].display="block";
}
}
function cacheId(id) {
if (document.getElementById) {
document.getElementById(id).style.display="none";
document.getElementById(id).style.visibility="hidden";
} else if (document.all) {
document.all[id].style.display="none";
} else if (document.layers) {
document.layers[id].display="none";
}
}
</script>
</head>
<body onLoad ="javascript:afficheId('optionsfast'); afficheId('methodfast'); cacheId('optionsadvanced'); cacheId('methodadvanced');">
<div id="main">
<!-- bas -->
<div id="plan-du-site">
<a href="index.php?option=com_content&page=plan">Plan du site</a> - <a href="index.php?option=com_content&page=mentions">Mentions légales</a> - <a href="index.php?option=com_content&page=credits">Crédits</a>
</div>
<div id="adresse-exemple">
<b>Entreprise exemple</b> , 2 rue Bleue 75000 PARIS - Tél : 000000000
</div>
<!-- fin du bas -->
<div id="bandeau">
<a href="[localhost] id="logo" src="C:/wamp/www/projet_exemple_f/joomla/templates/home/images_css/logo_haut_vert.gif" width="164" height="88" alt="Haut Logo" /></a>
<object type="application/x-shockwave-flash" data="templates/home/media/menu_flash-liens.swf" width="830" height="88">
<param name="play" value="true" />
<param name="movie" value="templates/home/media/menu_flash-liens.swf" />
<param name="menu" value="false" />
<param name="salign" value="B" />
<param name="quality" value="best" />
<param name="wmode" value="transparent">
<param name="scalemode" value="noborder" />
<p>
<a href="">Catégorie 1</a>
<a href="">Catégorie 2</a>
<a href="">Catégorie 3</a>
<a href="">Catégorie 4</a>
</p>
</object>
</div>
<div id="Tranche004">
<img src="templates/home/images_css/Tranche-04.gif" width="9" height="757" alt="" />
</div>
<div id="barre">
<a href="[localhost];
<img id="logo" src="[localhost]; width="164" height="45" alt="logoBAS" />
</a>
<!---------------------------------------------------------->
<!-- LES 3 RUBRIQUES COMMANDER, S'INFORMER ET COMMUNIQUER -->
<!---------------------------------------------------------->
<a href="" onMouseOver="javascript:afficheId('mainlevel_commander');"><div class="commander"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_commander');" onmouseout="cacheId('mainlevel_commander');"id="mainlevel_commander"><li class="item"><a href="[localhost]; class="mainlevel_commander" >S'inscrire</a></li><li class="item"><a href="[localhost]; class="mainlevel_commander" >Mon panier</a></li><li class="item"><a href="[localhost]; class="mainlevel_commander" >Conditions générales de vente</a></li><li class="bas_ul"> </li></ul> </div>
<a href="" onMouseOver="javascript:afficheId('mainlevel_sinformer');"><div class="informer"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_sinformer');" onmouseout="cacheId('mainlevel_sinformer');"id="mainlevel_sinformer"><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Commander nos catalogues</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Télécharger <br />des extraits</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Actualités</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Votre délégué commercial</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Les entreprise exemple</a></li><li class="bas_ul"> </li></ul> </div>
<a href="" onMouseOver="javascript:afficheId('mainlevel_communiquer');"><div class="communiquer"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_communiquer');" onmouseout="cacheId('mainlevel_communiquer');"id="mainlevel_communiquer"><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Contacts</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Présenter un projet</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Lettre d'information</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Liens utiles</a></li><li class="bas_ul"> </li></ul> </div>
</div>
<div id="case_boutons">
<a href="[localhost] src="templates/home/images_css/boutons_panier.gif" width="20" height="20" alt="Voir mon panier" /></a>
</div>
<!-- focus col droite -->
<div id="onglet-focus">
<img src="templates/home/images_css/onglet_focus.gif" width="130" height="37" alt="" />
</div>
<div id="fond-focus">
<div id ="focus_show">
<table>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<div id="bas-focus">
<img class="bas_focus" src="templates/home/images_css/bas_focus.gif" width="130" height="29" alt="bas du focus" />
</div><!-- Catalogues à télécharger -->
<div id="dl-catalogue">
<img src="templates/home/images_css/dl_catalogue.gif" width="200" height="51" alt="" />
</div>
<div id="dl-catalogue-elem">
<a href=""><img src="templates/home/images_css/dl_catalogue_elem.gif" width="200" height="42" alt="" /></a>
</div>
<div id="dl-catalogue-mater">
<a href="[localhost] src="templates/home/images_css/dl_catalogue_mater.gif" width="200" height="39" alt="" /></a>
</div>
<div id="dl-catalogue-rentree">
<a href=""><img src="templates/home/images_css/dl_catalogue_rentree.gif" width="200" height="40" alt="" /></a>
</div>
<div id="bas-dl">
<img src="templates/home/images_css/bas_dl.gif" width="200" height="27" alt="" />
</div>
<!-- contenu -->
<div id="titre-vientdeparaitre">
<span class="pathway">Accueil </span><h2>Vient de paraître</h2></div> <div id="vient-de-paraitre">
<div class="moduletable">
<table border="0" cellpadding="0" cellspacing="0" id="latest_prod">
<tbody>
<tr>
<td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td><td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td><td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="titre-actualites">
<h2>Actualités</h2>
</div>
<div id="votre-delegue-commercial">
<h2>Votre délégué commercial</h2></div>
<div id="image-delegue-commercial">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<map name="image_delegue_commercial_Map">
<area shape="rect" alt="Votre délégué régional" coords="10,7,158,77" href="[localhost]; />
<area shape="rect" alt="Espace délégués commercial" coords="248,25,350,83" href="[localhost]; />
</map>
</td>
</tr>
</table>
<img src="templates/home/images_css/image-delegue-commercial.gif" width="363" height="153" border="0" alt="Votre délégué commercial" usemap="#image_delegue_commercial_Map" />
</div>
<div id="actualites">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
</table>
<table class="contenttitle">
<tr>
<td class="contentheading" width="100%">
<a href="[localhost]; class="contentpagetitle">
<!--<h2>-->
Nouvelle Rubrique <!--</h2>-->
</a>
</td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
Découvrez notre nouvelle Rubrique </td>
</tr>
</table>
<table id="lien_enplus" width="100%" border="0" cellpadding="0" cellspacing="0">
</table>
<hr class="article_seperator" />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
</table>
<table class="contenttitle">
<tr>
<td class="contentheading" width="100%">
<a href="[localhost]; class="contentpagetitle">
<!--<h2>-->
Encore une actualité <!--</h2>-->
</a>
</td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
Essai d'actualités pour les Entreprise exemple. </td>
</tr>
</table>
<table id="lien_enplus" width="100%" border="0" cellpadding="0" cellspacing="0">
</table>
<hr class="article_seperator" />
</td>
</tr>
</table>
</div>
<!------------------------------------------------------------------------------------------------------------ Recherche ------------------------------------------------------------------------------------------------------------->
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<!----------------------------------------------------------------------------->
<!-- MISE EN PLACE DE DIVs TRANSPARENTE SELECTIONNANT LE MOTEUR DE RECHERCHE -->
<!----------------------------------------------------------------------------->
<div class="buttonfast" onclick="javascript:afficheId('optionsfast'), afficheId('methodfast'), cacheId('optionsadvanced'), cacheId('methodadvanced')"><br/> Recherche rapide</div>
<div class="buttonadvanced" onclick="javascript:cacheId('optionsfast'), cacheId('methodfast'), afficheId('optionsadvanced'), afficheId('methodadvanced')"><br/> Recherche avancée</div>
<!--------------------------->
<!-- AFFICHAGE DES ONGLETS -->
<!--------------------------->
<div class="methodfast" id="methodfast"></div>
<div class="methodadvanced" id="methodadvanced"></div>
<!--------------------------------------------->
<!-- AFFICHAGE DU MOTEUR DE RECHERCHE RAPIDE -->
<!--------------------------------------------->
<form action="[localhost]; style="color: rvb(36,89,40);" method = "post">
<input type="hidden" name="nom_form" value="form1" />
<input type="hidden" name="itemid" value="" />
<div class="optionsfast" id="optionsfast">
<div class="title">Rechercher par :</div>
<div class="keywords">
<input type="text" id="keyword" name="keywords" value="Titre..." onFocus="javascript:this.value='';" />
</div>
<div class="level">
<select name="n">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="d">
<select name="d">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="recents" ><input type="checkbox" name="recents" />Nouveautés</div>
<div class="extracts" ><input type="checkbox" name="extracts" />Avec extraits</div>
</div>
<div class="optionssorting">
<div class="d" ><input type="radio" name="tri" value="1" checked="checked" /> Date de parution</div>
<div class="c" ><input type="radio" name="tri" value="2" /> Rubrique</div>
<div class="s" ><input type="radio" name="tri" value="3" /> s</div>
<button class="valid" type="submit" value="Valider">Valider</button>
<input type="image" src="" />
</div>
</form>
<!---------------------------------------------->
<!-- AFFICHAGE DU MOTEUR DE RECHERCHE AVANCEE -->
<!---------------------------------------------->
<form action="[localhost]; style="color: rvb(36,89,40);" method="post">
<input type="hidden" value="form2" name="nom_form" />
<div class="optionsadvanced" id="optionsadvanced">
<div class="d">
D<br/>
<select name="d">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="level">
N<br/>
<select name="n">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="Rubrique">
Rubrique<br/>
<select name="rub">
<option value="0">Choisir</option>
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="s">
s<br/>
<select name="s">
<option value="0">Choisir</option>
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="recents" ><input type="checkbox" name="recents" />Nouveautés</div>
<div class="extracts" ><input type="checkbox" name="extracts" />Avec extraits</div>
</div>
<div class="optionssorting">
<div class="title" >Trier par :</div>
<div class="date" ><input type="radio" name="tri" value="1" checked="checked" /> Date de parution</div>
<div class="Rubrique" ><input type="radio" name="tri" value="2" /> Rubrique</div>
<div class="s" ><input type="radio" name="tri" value="3" /> s</div>
<button class="valid" type="submit" value="Valider">Valider</button>
</div>
</form> </td>
</tr>
</table>
<!------------------------------------------------------------------------------------------------------------FIN r Recherche ------------------------------------------------------------------------------------------------------------->
<!-- colonne droite -->
</body>
</html>
<!-- 1166311522 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple pb images</title>
<meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2006 Open Source Matters. All rights reserved." />
<meta name="robots" content="index, follow" />
<script type="text/javascript" src="[localhost];
<script type="text/javascript" src="[localhost];
<link type="text/css" rel="stylesheet" media="screen, projection" href="[localhost]; />
<link rel="stylesheet" type="text/css" href="templates/home/css/template_css.css" media="screen" />
<script>
function afficheId(id) {
if (document.getElementById) {
document.getElementById(id).style.display="block";
document.getElementById(id).style.visibility="visible";
} else if (document.all) {
document.all[id].style.display="block";
} else if (document.layers) {
document.layers[id].display="block";
}
}
function cacheId(id) {
if (document.getElementById) {
document.getElementById(id).style.display="none";
document.getElementById(id).style.visibility="hidden";
} else if (document.all) {
document.all[id].style.display="none";
} else if (document.layers) {
document.layers[id].display="none";
}
}
</script>
</head>
<body onLoad ="javascript:afficheId('optionsfast'); afficheId('methodfast'); cacheId('optionsadvanced'); cacheId('methodadvanced');">
<div id="main">
<!-- bas -->
<div id="plan-du-site">
<a href="index.php?option=com_content&page=plan">Plan du site</a> - <a href="index.php?option=com_content&page=mentions">Mentions légales</a> - <a href="index.php?option=com_content&page=credits">Crédits</a>
</div>
<div id="adresse-exemple">
<b>Entreprise exemple</b> , 2 rue Bleue 75000 PARIS - Tél : 000000000
</div>
<!-- fin du bas -->
<div id="bandeau">
<a href="[localhost] id="logo" src="C:/wamp/www/projet_exemple_f/joomla/templates/home/images_css/logo_haut_vert.gif" width="164" height="88" alt="Haut Logo" /></a>
<object type="application/x-shockwave-flash" data="templates/home/media/menu_flash-liens.swf" width="830" height="88">
<param name="play" value="true" />
<param name="movie" value="templates/home/media/menu_flash-liens.swf" />
<param name="menu" value="false" />
<param name="salign" value="B" />
<param name="quality" value="best" />
<param name="wmode" value="transparent">
<param name="scalemode" value="noborder" />
<p>
<a href="">Catégorie 1</a>
<a href="">Catégorie 2</a>
<a href="">Catégorie 3</a>
<a href="">Catégorie 4</a>
</p>
</object>
</div>
<div id="Tranche004">
<img src="templates/home/images_css/Tranche-04.gif" width="9" height="757" alt="" />
</div>
<div id="barre">
<a href="[localhost];
<img id="logo" src="[localhost]; width="164" height="45" alt="logoBAS" />
</a>
<!---------------------------------------------------------->
<!-- LES 3 RUBRIQUES COMMANDER, S'INFORMER ET COMMUNIQUER -->
<!---------------------------------------------------------->
<a href="" onMouseOver="javascript:afficheId('mainlevel_commander');"><div class="commander"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_commander');" onmouseout="cacheId('mainlevel_commander');"id="mainlevel_commander"><li class="item"><a href="[localhost]; class="mainlevel_commander" >S'inscrire</a></li><li class="item"><a href="[localhost]; class="mainlevel_commander" >Mon panier</a></li><li class="item"><a href="[localhost]; class="mainlevel_commander" >Conditions générales de vente</a></li><li class="bas_ul"> </li></ul> </div>
<a href="" onMouseOver="javascript:afficheId('mainlevel_sinformer');"><div class="informer"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_sinformer');" onmouseout="cacheId('mainlevel_sinformer');"id="mainlevel_sinformer"><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Commander nos catalogues</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Télécharger <br />des extraits</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Actualités</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Votre délégué commercial</a></li><li class="item"><a href="[localhost]; class="mainlevel_sinformer" >Les entreprise exemple</a></li><li class="bas_ul"> </li></ul> </div>
<a href="" onMouseOver="javascript:afficheId('mainlevel_communiquer');"><div class="communiquer"></div></a>
<div class="moduletable_menuderoulant">
<ul onmouseover="afficheId('mainlevel_communiquer');" onmouseout="cacheId('mainlevel_communiquer');"id="mainlevel_communiquer"><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Contacts</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Présenter un projet</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Lettre d'information</a></li><li class="item"><a href="[localhost]; class="mainlevel_communiquer" >Liens utiles</a></li><li class="bas_ul"> </li></ul> </div>
</div>
<div id="case_boutons">
<a href="[localhost] src="templates/home/images_css/boutons_panier.gif" width="20" height="20" alt="Voir mon panier" /></a>
</div>
<!-- focus col droite -->
<div id="onglet-focus">
<img src="templates/home/images_css/onglet_focus.gif" width="130" height="37" alt="" />
</div>
<div id="fond-focus">
<div id ="focus_show">
<table>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table border = "0">
<tr>
<td>
<a href = "[localhost] src = "[localhost]; width = "70" heigth = "150" />Catégorie A</a>
</td>
</tr>
<tr>
<td>
<a href = "[localhost]; class="lien_focus">Catégorie A</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<div id="bas-focus">
<img class="bas_focus" src="templates/home/images_css/bas_focus.gif" width="130" height="29" alt="bas du focus" />
</div><!-- Catalogues à télécharger -->
<div id="dl-catalogue">
<img src="templates/home/images_css/dl_catalogue.gif" width="200" height="51" alt="" />
</div>
<div id="dl-catalogue-elem">
<a href=""><img src="templates/home/images_css/dl_catalogue_elem.gif" width="200" height="42" alt="" /></a>
</div>
<div id="dl-catalogue-mater">
<a href="[localhost] src="templates/home/images_css/dl_catalogue_mater.gif" width="200" height="39" alt="" /></a>
</div>
<div id="dl-catalogue-rentree">
<a href=""><img src="templates/home/images_css/dl_catalogue_rentree.gif" width="200" height="40" alt="" /></a>
</div>
<div id="bas-dl">
<img src="templates/home/images_css/bas_dl.gif" width="200" height="27" alt="" />
</div>
<!-- contenu -->
<div id="titre-vientdeparaitre">
<span class="pathway">Accueil </span><h2>Vient de paraître</h2></div> <div id="vient-de-paraitre">
<div class="moduletable">
<table border="0" cellpadding="0" cellspacing="0" id="latest_prod">
<tbody>
<tr>
<td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td><td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td><td class="untiers" valign="top">
<table style="width:100%;" border="0" cellpadding="0" cellspacing="1" style="margin:0;" class="unproduit"><tr class="images_produits" valign="bottom"><td colspan="2">
<a title="Autre produit" href="[localhost];
<img src="[localhost]; height="180" alt="Autre produit" border="0" />
</a>
<br />
</td></tr><tr class="infos_produits" valign="bottom" height="200"><td valign="top"><img id="fleche" src="templates/home/images_css/petite_fleche.gif" height= "14" width = "14" alt="=>" /></td>
<td valign="bottom"><a title="produit bidon" href="[localhost]; id="titre_produit"><span id="nom_produit">Produit bidon</span>
</a>
<br />
<span id="nom_Rubrique">Rubrique <a title="produit bidon" href="[localhost]égorie produit
</a>
</span>
</td></tr></table> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="titre-actualites">
<h2>Actualités</h2>
</div>
<div id="votre-delegue-commercial">
<h2>Votre délégué commercial</h2></div>
<div id="image-delegue-commercial">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<map name="image_delegue_commercial_Map">
<area shape="rect" alt="Votre délégué régional" coords="10,7,158,77" href="[localhost]; />
<area shape="rect" alt="Espace délégués commercial" coords="248,25,350,83" href="[localhost]; />
</map>
</td>
</tr>
</table>
<img src="templates/home/images_css/image-delegue-commercial.gif" width="363" height="153" border="0" alt="Votre délégué commercial" usemap="#image_delegue_commercial_Map" />
</div>
<div id="actualites">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
</table>
<table class="contenttitle">
<tr>
<td class="contentheading" width="100%">
<a href="[localhost]; class="contentpagetitle">
<!--<h2>-->
Nouvelle Rubrique <!--</h2>-->
</a>
</td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
Découvrez notre nouvelle Rubrique </td>
</tr>
</table>
<table id="lien_enplus" width="100%" border="0" cellpadding="0" cellspacing="0">
</table>
<hr class="article_seperator" />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
</table>
<table class="contenttitle">
<tr>
<td class="contentheading" width="100%">
<a href="[localhost]; class="contentpagetitle">
<!--<h2>-->
Encore une actualité <!--</h2>-->
</a>
</td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
Essai d'actualités pour les Entreprise exemple. </td>
</tr>
</table>
<table id="lien_enplus" width="100%" border="0" cellpadding="0" cellspacing="0">
</table>
<hr class="article_seperator" />
</td>
</tr>
</table>
</div>
<!------------------------------------------------------------------------------------------------------------ Recherche ------------------------------------------------------------------------------------------------------------->
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<!----------------------------------------------------------------------------->
<!-- MISE EN PLACE DE DIVs TRANSPARENTE SELECTIONNANT LE MOTEUR DE RECHERCHE -->
<!----------------------------------------------------------------------------->
<div class="buttonfast" onclick="javascript:afficheId('optionsfast'), afficheId('methodfast'), cacheId('optionsadvanced'), cacheId('methodadvanced')"><br/> Recherche rapide</div>
<div class="buttonadvanced" onclick="javascript:cacheId('optionsfast'), cacheId('methodfast'), afficheId('optionsadvanced'), afficheId('methodadvanced')"><br/> Recherche avancée</div>
<!--------------------------->
<!-- AFFICHAGE DES ONGLETS -->
<!--------------------------->
<div class="methodfast" id="methodfast"></div>
<div class="methodadvanced" id="methodadvanced"></div>
<!--------------------------------------------->
<!-- AFFICHAGE DU MOTEUR DE RECHERCHE RAPIDE -->
<!--------------------------------------------->
<form action="[localhost]; style="color: rvb(36,89,40);" method = "post">
<input type="hidden" name="nom_form" value="form1" />
<input type="hidden" name="itemid" value="" />
<div class="optionsfast" id="optionsfast">
<div class="title">Rechercher par :</div>
<div class="keywords">
<input type="text" id="keyword" name="keywords" value="Titre..." onFocus="javascript:this.value='';" />
</div>
<div class="level">
<select name="n">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="d">
<select name="d">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="recents" ><input type="checkbox" name="recents" />Nouveautés</div>
<div class="extracts" ><input type="checkbox" name="extracts" />Avec extraits</div>
</div>
<div class="optionssorting">
<div class="d" ><input type="radio" name="tri" value="1" checked="checked" /> Date de parution</div>
<div class="c" ><input type="radio" name="tri" value="2" /> Rubrique</div>
<div class="s" ><input type="radio" name="tri" value="3" /> s</div>
<button class="valid" type="submit" value="Valider">Valider</button>
<input type="image" src="" />
</div>
</form>
<!---------------------------------------------->
<!-- AFFICHAGE DU MOTEUR DE RECHERCHE AVANCEE -->
<!---------------------------------------------->
<form action="[localhost]; style="color: rvb(36,89,40);" method="post">
<input type="hidden" value="form2" name="nom_form" />
<div class="optionsadvanced" id="optionsadvanced">
<div class="d">
D<br/>
<select name="d">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="level">
N<br/>
<select name="n">
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="Rubrique">
Rubrique<br/>
<select name="rub">
<option value="0">Choisir</option>
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="s">
s<br/>
<select name="s">
<option value="0">Choisir</option>
<option value="0">N</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="4">C</option></select>
</div>
<div class="recents" ><input type="checkbox" name="recents" />Nouveautés</div>
<div class="extracts" ><input type="checkbox" name="extracts" />Avec extraits</div>
</div>
<div class="optionssorting">
<div class="title" >Trier par :</div>
<div class="date" ><input type="radio" name="tri" value="1" checked="checked" /> Date de parution</div>
<div class="Rubrique" ><input type="radio" name="tri" value="2" /> Rubrique</div>
<div class="s" ><input type="radio" name="tri" value="3" /> s</div>
<button class="valid" type="submit" value="Valider">Valider</button>
</div>
</form> </td>
</tr>
</table>
<!------------------------------------------------------------------------------------------------------------FIN r Recherche ------------------------------------------------------------------------------------------------------------->
<!-- colonne droite -->
</body>
</html>
<!-- 1166311522 -->
Re: Pas d'images sous IE6
Envoyé par:
UNi
(---.w217-128.abo.wanadoo.fr)
Date: 18 December 2006 à 10:31
P![localhost](http://localhost/templates/home/images_css/logo.bottom.gif"){kind=link}
![localhost](http://localhost/components/com_virtuemart//shop_image/ps_image/noimage.gif"){kind=link}
![localhost](http://localhost/components/com_virtuemart/shop_image/product/resized/PDG2832-petit.jpg"){kind=link}
Re: Pas d'images sous IE6
Envoyé par:
Otomatic
(---.fbx.proxad.net)
Date: 18 December 2006 à 11:07
Un bout de code, ce n'est pas un roman !
Déjà, on peut voir plein de problèmes qui sont à corriger :
>> <a href="[localhost];
Pourquoi une requête "http" ?
Que ce soit en local ou en réel, on ne devrait voir que :
<a href="projet_exemple_f/joomla...
Pareil pour l'appel des images :
>> src="C:/wamp/www/projet_exemple_f/joomla/templates/home/images_css/logo_haut_vert.gif"
Devrait être écrit :
src="projet_exemple_f/joomla/.....
Encore un autre bout de code mal écrit :
>> <a href = "[localhost]; class="lien_focus">Catégorie A</a>
Devrait être :
<a href = "index.php?page=shop.product_details&flypage=shop.flypage&product_id=3&category_id=1&manufacturer_id=0" class="lien_focus">Catégorie A</a>
Même chose pour les liens sur les <script> et <link> dans l'entête.
Faut commencer par corriger tout ça, puis passer la page au validateur W3C pour qu'il n'y ai plus aucune erreur : [validator.w3.org]
Et puis, développer en local avec Firefox comme navigateur par défaut, plus les extensions Html Validator, Web Developer et IE-Tab ne pourrait faire que du bien au code.
---------------------------------------------------------------
Documentation Apache - Documentation PHP - Documentation MySQL - Wampserver install files & addons
Déjà, on peut voir plein de problèmes qui sont à corriger :
>> <a href="[localhost];
Pourquoi une requête "http" ?
Que ce soit en local ou en réel, on ne devrait voir que :
<a href="projet_exemple_f/joomla...
Pareil pour l'appel des images :
>> src="C:/wamp/www/projet_exemple_f/joomla/templates/home/images_css/logo_haut_vert.gif"
Devrait être écrit :
src="projet_exemple_f/joomla/.....
Encore un autre bout de code mal écrit :
>> <a href = "[localhost]; class="lien_focus">Catégorie A</a>
Devrait être :
<a href = "index.php?page=shop.product_details&flypage=shop.flypage&product_id=3&category_id=1&manufacturer_id=0" class="lien_focus">Catégorie A</a>
Même chose pour les liens sur les <script> et <link> dans l'entête.
Faut commencer par corriger tout ça, puis passer la page au validateur W3C pour qu'il n'y ai plus aucune erreur : [validator.w3.org]
Et puis, développer en local avec Firefox comme navigateur par défaut, plus les extensions Html Validator, Web Developer et IE-Tab ne pourrait faire que du bien au code.
---------------------------------------------------------------
Documentation Apache - Documentation PHP - Documentation MySQL - Wampserver install files & addons
Re: Pas d'images sous IE6
Envoyé par:
Andrecito
(---.w81-50.abo.wanadoo.fr)
Date: 22 December 2006 à 11:11
merci Otomatic .... je n'ai rien à faire ici, mais votre réponse ( circonstancée) qui relève quelques erreurs , qui recommande quelques rectifications , qui propose des solutions avant de se récrier comme un "putois" mérite qu'elle soit citée.
je n'y connais strictement rien et ne sais pas si elle est utilisable ; mais elle parait avoir necessité une certaine analyse et un crédit de votre temps.
je me suis tellement fait envoyer promener pour mon ignorance, mon incompétance ou ma naïveté en temes peu amènes que je ne resiste pas à vous remercier.
Cela me donnera du courage à poser ma prochaine question idiote.
Rire de son vivant ; en Enfer on n'en aura pas envie et au Ciel ce ne serait pas convenable.
soy yo Andrecito.
je n'y connais strictement rien et ne sais pas si elle est utilisable ; mais elle parait avoir necessité une certaine analyse et un crédit de votre temps.
je me suis tellement fait envoyer promener pour mon ignorance, mon incompétance ou ma naïveté en temes peu amènes que je ne resiste pas à vous remercier.
Cela me donnera du courage à poser ma prochaine question idiote.
Rire de son vivant ; en Enfer on n'en aura pas envie et au Ciel ce ne serait pas convenable.
soy yo Andrecito.
Re: Pas d'images sous IE6
Envoyé par:
dval
(---.chrcitadelle.be)
Date: 22 December 2006 à 12:27
ah le bon esprit de Noël,
et que cela ne change pas !
Bonnes fêtes à toutes et tous.
et que cela ne change pas !
Bonnes fêtes à toutes et tous.
Re: Pas d'images sous IE6
Envoyé par:
mere-teresa
(---.w193-251.abo.wanadoo.fr)
Date: 22 December 2006 à 12:27
Désolée pour le roman, mais ne sachant pas si cela venait d'une balise, d'un chemin ou autre....je ne savais quel morceau sélectionner.
Je te remercie Otomatic de ta réponse claire.
Il se trouve que j'utilise un CMS : Joomla, et que c'est lui qui se charge de générer les jolis (hum, hum) liens que tu vois.
Par ailleurs, le lien avec le C:\wamp n'est pas habituellement dans mon code, c'était un test pour voir si l'image s'afficherait en passant par un lien absolu depuis la racine du serveur.
Je n'ai pas compris, par contre, la différence entre :
//////////////////////////////////////////////////////////////////////////////////////////////
>> <a href = "[localhost]; class="lien_focus">Catégorie A</a>
Devrait être :
<a href = "index.php?page=shop.product_details&flypage=shop.flypage&product_id=3&category_id=1&manufacturer_id=0" class="lien_focus">Catégorie A</a>
//////////////////////////////////////////////////////////////////////////////////////////////
Est-ce le retour chariot ?
Sur ce projet, il n'est pas question de passer au validator, on est loin de ces préoccupations pour le moment. A la rigueur je peux changer le DOCTYPE pour HTML Mixed MereTeresa 1.0.
Et mon souci était de caler les éléments pour MSIE 6, puisque tout cela est parfaitement affiché dans FF.
=> Mon problème n'a pas été résolu en soi, mais j'ai changé de poste de travail, tout simplement, un nouveau WinXP + IE 6 + WAMP)
Je te remercie Otomatic de ta réponse claire.
Il se trouve que j'utilise un CMS : Joomla, et que c'est lui qui se charge de générer les jolis (hum, hum) liens que tu vois.
Par ailleurs, le lien avec le C:\wamp n'est pas habituellement dans mon code, c'était un test pour voir si l'image s'afficherait en passant par un lien absolu depuis la racine du serveur.
Je n'ai pas compris, par contre, la différence entre :
//////////////////////////////////////////////////////////////////////////////////////////////
>> <a href = "[localhost]; class="lien_focus">Catégorie A</a>
Devrait être :
<a href = "index.php?page=shop.product_details&flypage=shop.flypage&product_id=3&category_id=1&manufacturer_id=0" class="lien_focus">Catégorie A</a>
//////////////////////////////////////////////////////////////////////////////////////////////
Est-ce le retour chariot ?
Sur ce projet, il n'est pas question de passer au validator, on est loin de ces préoccupations pour le moment. A la rigueur je peux changer le DOCTYPE pour HTML Mixed MereTeresa 1.0.
Et mon souci était de caler les éléments pour MSIE 6, puisque tout cela est parfaitement affiché dans FF.
=> Mon problème n'a pas été résolu en soi, mais j'ai changé de poste de travail, tout simplement, un nouveau WinXP + IE 6 + WAMP)
Re: Pas d'images sous IE6
Envoyé par:
Otomatic
(---.fbx.proxad.net)
Date: 22 December 2006 à 13:01
Non, non, ce n'est pas le retour chariot ;-)
C'est que pour éviter certains problèmes, il faut que les caractères "&" (Perluette en français (1)) qui séparent les différentes variables passées en $_GET[] dans les url ne soient écrits tels-quels. Ils faut les remplacer par l'entitée html qui s'écrit "& a m p ;", bien sûr sans les espaces.
Malheureusement, si j'écris sans mettre d'espace cela sera vu comme "&", ce qui fait que tu n'as pas vu de différences.
Donc, ne pas écrire "index.php?var1=toto&var2=titi&var3=tutu"
mais "index.php?var1=toto&amp;var2=titi&amp;var3=tutu"
Il me semble bien de Joomla génère un code « merdique » (et je pèse mes mots).
Néanmoins, et pour éviter le plus possible de problèmes, et sans vouloir obtenir aucune erreur au validateur W3C, il serait quand même nécessaire d'essayer de corriger les plus importantes ; ne serait-ce que de mettre un Doctype (2) et de commencer chaque page (sans rien avant) avec :
<?php
header("content-type:text/html; charset=iso-8859-1"
;
session_start();
....
?>
(1) Petite note étymologique et humoristique pour les fêtes.
PERLUÈTE singulier féminin. Nom donné autrefois, dans les écoles élémentaires, au
caractère &, qui terminait l'alphabet et qui représentait le mot et. Dans le principe,
le caractère & se nommait éte ; mais l'usage s'était établi, quand on faisait répéter l'alphabet aux enfants, de leur faire ajouter perluète après éte, par une sorte de jeu et
pour terminer par une rime plaisante. Au lieu de PERLUÈTE, on disait quelquefois PIRLOUÈTE OU ESPERLUÈTE.
(2) Le Doctype est ce qui détermine comment les différents navigateurs vont interpréter le code html.
C'est que pour éviter certains problèmes, il faut que les caractères "&" (Perluette en français (1)) qui séparent les différentes variables passées en $_GET[] dans les url ne soient écrits tels-quels. Ils faut les remplacer par l'entitée html qui s'écrit "& a m p ;", bien sûr sans les espaces.
Malheureusement, si j'écris sans mettre d'espace cela sera vu comme "&", ce qui fait que tu n'as pas vu de différences.
Donc, ne pas écrire "index.php?var1=toto&var2=titi&var3=tutu"
mais "index.php?var1=toto&amp;var2=titi&amp;var3=tutu"
Il me semble bien de Joomla génère un code « merdique » (et je pèse mes mots).
Néanmoins, et pour éviter le plus possible de problèmes, et sans vouloir obtenir aucune erreur au validateur W3C, il serait quand même nécessaire d'essayer de corriger les plus importantes ; ne serait-ce que de mettre un Doctype (2) et de commencer chaque page (sans rien avant) avec :
<?php
header("content-type:text/html; charset=iso-8859-1"
;session_start();
....
?>
(1) Petite note étymologique et humoristique pour les fêtes.
PERLUÈTE singulier féminin. Nom donné autrefois, dans les écoles élémentaires, au
caractère &, qui terminait l'alphabet et qui représentait le mot et. Dans le principe,
le caractère & se nommait éte ; mais l'usage s'était établi, quand on faisait répéter l'alphabet aux enfants, de leur faire ajouter perluète après éte, par une sorte de jeu et
pour terminer par une rime plaisante. Au lieu de PERLUÈTE, on disait quelquefois PIRLOUÈTE OU ESPERLUÈTE.
(2) Le Doctype est ce qui détermine comment les différents navigateurs vont interpréter le code html.
Re: Pas d'images sous IE6
Envoyé par:
mere-teresa
(---.w193-251.abo.wanadoo.fr)
Date: 22 December 2006 à 16:32
Merci de tes éclaircissements
J'ai un Doctype, hein, c'est XHTML Transitional
Allez je poste un morceau de ma balise HEAD pour qu'on rie un coup...enfin pas le HTML généré, mais mon fichier PHP...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php
if ($my->id) { initEditor(); } ?>
<?php
mosShowHead();
?>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $cur_template; ?>/css/template_css.css" media="screen" />
</head>
Pour vous montrer à quel point il est facile de se moquer des pauvres Joomleurs !
J'ai un Doctype, hein, c'est XHTML Transitional
Allez je poste un morceau de ma balise HEAD pour qu'on rie un coup...enfin pas le HTML généré, mais mon fichier PHP...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php
if ($my->id) { initEditor(); } ?>
<?php
mosShowHead();
?>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $cur_template; ?>/css/template_css.css" media="screen" />
</head>
Pour vous montrer à quel point il est facile de se moquer des pauvres Joomleurs !
Désolé, seuls les utilisateurs connectés peuvent envoyer des messages dans ce forum.
