osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> [resolu]Insertion d un menu déroulant dans le header, Tous les navigateur sauf IE comme d'hab !!!
stbo
posté 28 Feb 2014, 20:01
Message #1


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 152
Inscrit : 3-May 09
Lieu : var
Membre no 25242



Bonjour, Je souhaite inserer un code html ( menu déroulant ) dans le header de mon site
Le menu fonctionne sur tous les navigateurs mais comme d habitude pas sur IE
Mon site
Citation
www.charmbijoux.com
a déjà un tableau mais sans de menu déroulant
Lorsque j inséré le nouveau code les paramétrage cas et le code fonctionne, mais pas le passage de la souris sous IE
Ma question faut il insérer mon code dans le header ??Pourquoi en aperçu avec IE mais pas dans mon site cela fonctionne ??

Ce message a été modifié par stbo - 10 Mar 2014, 19:20.


--------------------
Tout vient à point à qui c'est attendre !!! LOL
Os commerce v2.2 RC2a
Go to the top of the page
 
chti_poupon
posté 2 Mar 2014, 10:51
Message #2


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Bonjour
Connaître ce fameux code "dont on ne doit pas prononcer le nom" ou au moins en donnant les quelques instructions conduisant à un affichage au passage de la souris indiscipliné pourrait aider à identifier l'instruction qui doit bien figurer sur la liste de celles refusées par IE, et partant, sur les contremesures à adopter.
A te lire !
Chti poupon
Go to the top of the page
 
stbo
posté 3 Mar 2014, 09:00
Message #3


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 152
Inscrit : 3-May 09
Lieu : var
Membre no 25242



Bonjour,
Le code que je veux faire fonctionne est le suivant :

Code
<!-- Start css3menu.com BODY section
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="#" style="width:78px;height:38px;line-height:20px;"><span>PENDENTIF
A GRAVER</br></span></a>
<ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li>
<li class="topmenu"><a href="#"style="width:78px;height:38px;line-height:20px;"><span>BRACELET
FEMME</br></span></a>
<ul>
  <li><a href="#">BRACELET AVEC PENDENTIF</a></li>
  <li><a href="#">BRACELET CORDON CHAINE </a></li>
</ul></li>
<li class="topmenu"><a href="#" style="width:80px;height:38px;line-height:20px;">GOURMETTE
HOMME</br></a>
    <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li></P> <P> <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BRACELET
ITALIEN</br></a>
    <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li></P> <P> <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">MEDAILLE
ANIMAUX</br></a>
    <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li></P> <P> <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BIJOUX
HOMME FEMME</br></a>
    <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li></P> <P>
<li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">CADEAUX
PERSONNALISES</br></a></P> <P>    <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li></P> <P> <li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF
ANIMAUX</br></a>
     <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li>
<li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF2
ANIMAUX</br></a>
     <ul>
  <li><a href="#">PENDENTIF ARGENT</a></li>
  <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
  <li><a href="#">PLAQUE ACIER</a></li>
  <li><a href="#">PENDENTIF POMPIER</a></li>
  <li><a href="#">PENDENTIF ZODIAQUE</a></li>
</ul></li>
</ul></P> <P>Debut menu deroulant header -->


la feuille de style


Code
<SPAN lang=FR></P> <P>ul#css3menu1,ul#css3menu1 ul{</P> <P>margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}</P> <P>ul#css3menu1 ul{</P> <P>display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}</P> <P>ul#css3menu1 li:hover>*{</P> <P>display:block;}</P> <P>ul#css3menu1 li{</P> <P>position:relative;display:block;white-space:nowrap;font-size:0;float:left;}</P> <P>ul#css3menu1 li:hover{</P> <P>z-index:1;}</P> <P>ul#css3menu1{</P> <P>font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;</P> <P>*display:inline;}</P> <P>* html ul#css3menu1 li a{</P> <P>display:inline-block;}</P> <P>ul#css3menu1>li{</P> <P>margin:0;}</P> <P>ul#css3menu1 a:active, ul#css3menu1 a:focus{</P> <P>outline-style:none;}</P> <P>ul#css3menu1 a{</P> <P>display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 12px Arial,Helvetica,sans-serif;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#ffc363;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS
0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVC
jP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}</P> <P>ul#css3menu1 ul li{</P> <P>float:none;margin:10px 0 0;}</P> <P>ul#css3menu1 ul a{</P> <P>text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px Tahoma;color:#000;text-decoration:none;}</P> <P>ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{</P> <P>background-color:#fff;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS
0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVC
jP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-position:0 100px;text-decoration:none;}</P> <P>ul#css3menu1 span{</P> <P>display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}</P> <P>ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{</P> <P>background-color:#FFFFFF;background-image:none;color:#ffc363;text-decoration:none;}</P> <P>ul#css3menu1 li.topfirst>a{</P> <P>border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}</P> <P>ul#css3menu1 li.toplast>a{</P> <P>border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}</P> <P></SPAN>


quand je fais l'essai sans mon site cela fonctionne

mais quand je le mets dans mon fichier header evidement cela ne fonctionne pas sous un navigateur bien connu commencant par I et finnissant par E biggrin.gif

blag a part !!
je crée le fichier du menu avec un logiciel qui garantie le bon fonctionnement mais moi j'y arrive pas !!



--------------------
Tout vient à point à qui c'est attendre !!! LOL
Os commerce v2.2 RC2a
Go to the top of the page
 
chti_poupon
posté 4 Mar 2014, 21:01
Message #4


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Bonjour
Apparemment, ton éditeur ajoute des <P></P> à tire larigo. Il faut les ôter W3C les donne comme erreur, de même que le <br> avant le </span> qui ferme un <span> vide: à ôter itou !
Par ailleurs, W3C s'énerve car il voit ul dans css3menu1 .
Ton code ainsi revu (et indenté proprement) donne:
Code
<!-- Start css3menu.com BODY section -->

<ul id="css3menu1" class="topmenu">
  <li class="topfirst"><a href="#" style="width:78px;height:38px;line-height:20px;">PENDENTIF
  A GRAVER</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#"style="width:78px;height:38px;line-height:20px;">BRACELET
  FEMME</a>
    <ul>
      <li><a href="#">BRACELET AVEC PENDENTIF</a></li>
      <li><a href="#">BRACELET CORDON CHAINE </a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:80px;height:38px;line-height:20px;">GOURMETTE
  HOMME</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BRACELETITALIEN</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">MEDAILLEANIMAUX</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BIJOUXHOMME FEMME</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">CADEAUX PERSONNALISES</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF ANIMAUX</a>
     <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF2 ANIMAUX</a>
     <ul>
        <li><a href="#">PENDENTIF ARGENT</a></li>
        <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
        <li><a href="#">PLAQUE ACIER</a></li>
        <li><a href="#">PENDENTIF POMPIER</a></li>
        <li><a href="#">PENDENTIF ZODIAQUE</a></li>
      </ul></li>
</ul>

<!-- Debut menu deroulant header -->
sans autre erreur W3C que l'absence des déclarations HTML, UTF-8, <head> et <body>
Ne copies pas dans ton éditeur, mais dans un "bête" bloc notes qui n'ajoutera rien
Bons essais !
Chti poupon
PS Si besoin, le validateur W3C pour les bouts de code copiés/collés est : c'est parfois utile, même si IE et W3C sont - parfois - brouillés
Go to the top of the page
 
stbo
posté 5 Mar 2014, 18:12
Message #5


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 152
Inscrit : 3-May 09
Lieu : var
Membre no 25242



qu'il y est des erreurs surement je n'est jamais eu de cours de language biggrin.gif

Voici ce que cela donne



et
comme tu peux le voir cela ne fonctionne pas

voici le code d'insertion du tableau

Code
<?php
/*
  $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

// check if the 'install' directory exists, and warn of its existence
  if (WARN_INSTALL_EXISTENCE == 'true') {
    if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
      $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
    }
  }

// check if the configure.php file is writeable
  if (WARN_CONFIG_WRITEABLE == 'true') {
    if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
      $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
    }
  }

// check if the session folder is writeable
  if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
    if (STORE_SESSIONS == '') {
      if (!is_dir(tep_session_save_path())) {
        $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
      } elseif (!is_writeable(tep_session_save_path())) {
        $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
      }
    }
  }

// check session.auto_start is disabled
  if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
    if (ini_get('session.auto_start') == '1') {
      $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
    }
  }

  if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
    if (!is_dir(DIR_FS_DOWNLOAD)) {
      $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
    }
  }

  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  
  
?>

</style>




<!-- Start css3menu.com BODY section -->

<ul id="css3menu1" class="topmenu">
  <li class="topfirst"><a href="#" style="width:78px;height:38px;line-height:20px;">PENDENTIF
  A GRAVER</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#"style="width:78px;height:38px;line-height:20px;">BRACELET
  FEMME</a>
    <ul>
      <li><a href="#">BRACELET AVEC PENDENTIF</a></li>
      <li><a href="#">BRACELET CORDON CHAINE </a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:80px;height:38px;line-height:20px;">GOURMETTE
  HOMME</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BRACELETITALIEN</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">MEDAILLEANIMAUX</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">BIJOUXHOMME FEMME</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="topmenu"><a href="#" style="width:78px;height:38px;line-height:20px;">CADEAUX PERSONNALISES</a>
    <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF ANIMAUX</a>
     <ul>
      <li><a href="#">PENDENTIF ARGENT</a></li>
      <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
      <li><a href="#">PLAQUE ACIER</a></li>
      <li><a href="#">PENDENTIF POMPIER</a></li>
      <li><a href="#">PENDENTIF ZODIAQUE</a></li>
    </ul></li>
  <li class="toplast"><a href="#" style="width:78px;height:38px;line-height:20px;">PENENTIF2 ANIMAUX</a>
     <ul>
        <li><a href="#">PENDENTIF ARGENT</a></li>
        <li><a href="/index.php?cPath=146">MEDAILLE  PLAQUE OR</a></li>
        <li><a href="#">PLAQUE ACIER</a></li>
        <li><a href="#">PENDENTIF POMPIER</a></li>
        <li><a href="#">PENDENTIF ZODIAQUE</a></li>
      </ul></li>
</ul>

<!-- Debut menu deroulant header -->


<div class="fixcenter">
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr class="header"><td width="98%" valign="middle"><div align="center">
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr class="header">
      <td><table width="100%" border="0">
  <tr>
    <td><a href="http://www.charmbijoux.com"><img src="/img1/charm1.png" title="cadeau personnalisé gravure photo" alt="Comment graver vos photos? comment garder les photos de l'être aimé sur votre coeur ? Comment faire plaisir avec des cadeaux personnalisés? Comment faire plaisir au moment des fêtes de noêl? Des cadeauw d'anniversaire, pour la fête des méres, la fête des péres ? Nous avons une solution pour vous: Un cadeau personnalisé avec vos photos couleurs ou noir et blanc.Nous réalisons des gravures photos au diamant sur des pendentifs en argent ou plaqué or. Notre gamme de bracelets identités, de colliers, de porte clé, de briquet, de chaine, de mug, de serviette, de tasse, de cravatte, de peluche vous permettent d'avoir un choix important de cadeau personnalisé "  /></td>
    
    <td width="663"><a href="http://www.charmbijoux.com"><img src="/img1/charmbijoux.png" title="gravure photo pendentif argent plaque or" alt="Graver vos portrait photo sur medaille, sur pendentif, sur medaillon. Nous realisons la gravure photo sur bijoux. Une idée de cadeau personnalise et personnalisable selon vos choix et vos humeurs. Un cadeau original, un cadeau personnalisé ou tout simplement uncadeau avec une photo, nous gravons pour vous vos plus belles photos de famille. En effet quoi de mieux qu'un cadeau personnel à offrir à l'être aimmé, ou simplememnt pour un cadeau de noel, un cadeau de naissance, un cadeau de mariage ou en core un cadeau juste pour faire plaisir. Notre engagement realiser vos cadeaux personnaliser. Par quel moyen ? une gravure photo sur un pendentif en argent, ou un pendentif en plaque or ?Ou pourquoi pas un briquet personnalise, un zippo graver avec une photo et un texte? peut être preferez vous un porte cle gravé? Etes vous le genre de peronne à porter un cadeau avec une gravure photo sur un collier avec un charm avec une gravure photo ? Nous proposons un large choix de cadeau personnalise original avec grvure photo"/></a></td>
    <td><a href="http://www.charmbijoux.com"><img src="/img1/charm2.png" title="cadeau personnalisé avec photo couleur" alt="Nous vous proposons une gamme de cadeau personnalisé avec vos photos papier ou numérique. Vous avez envie d'un coussin avec la photo des enfants imprimer dessus. Vous souhaitez faire imprimer des photos sur divers supports afin d'avoir des cadeaux personnalisés à offrir. Nous sommes la pour cela: des coussins, des peluches, des tee shirts, des tasses à café. Nous vous proposons des cadeaux personnalisés selon toutes vos envies. Nous sommes les spécialistes des cadeaux photos personnalisés, ainsi que la gravure photo" /></td>
  </tr>
</table>
</td>
    </tr>
    <tr class="header">
      <td width="100%"><div align="center">
      
      <!-- debut tableau header-->  
<table width="100%" border="0" align="center">
<tr class="menu-2">
   <tr>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=145" class="Style1">PENDENTIF <br>ARGENT<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=146" class="Style1">PENDENTIF <br>PLAQUE OR<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=147" class="Style1">PENDENTIF <br>ACIER<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=231" class="Style1">GRAVURE <br>SIGNES<br/><br> du <strong><em>ZODIAQUE</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=236" class="Style1">PENDENTIF <br>CASQUE<br/><br> de <strong><em>POMPIER</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=154" class="Style1">MIROIR <br>DE SAC<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=153_223" class="Style1">PORTE-CLE <br>A GRAVER<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=159" class="Style1">ACCESSOIRE <br>FUMEUR<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=238" class="Style1">CADEAU <BR>DIVERS</BR> </a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=189" class="Style1">BIJOUX <BR>SUCRES</BR></a></h2></td>
  </tr>
  <tr>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=256" class="Style1">MEDAILLE <br>ANIMAUX<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=148" class="Style1">CHAINE , CORDON &amp; chaine au CENTIMETRE</a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=93" class="Style1">BRACELET &amp; COLLIER A PERSONNALISER<br />avec <strong><em>PHOTO</em></strong></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=33" class="Style1">BRACELET PRENON ITALIEN</a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=105" class="Style1">BRACELET &amp; GOURMETTE HOMME</a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=98" class="Style1">BIJOUX HOMME<br>& FEMME<br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=237" class="Style1">COQUE <br>TELEPHONE<br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=126" class="Style1">CADEAU PHOTO <br>PERSONNALISE<br/><br>avec <strong><em>PHOTO</em></strong><br/></a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/index.php?cPath=102" class="Style1">ENFANT BAPTEME NAISSANCE</a></h2></td>
               <td width="100" class="menu-2"><h2 align="center"><a href="/specials.php" class="Style1">ARTICLES EN <BR>PROMOTION<BR><br><br/></a></h2></td>
  </tr>
</table>
<!-- fin tableau header-->


<!-- fin menu deroulant header-->

          </div></td>
    </tr>
    
    
        <?php
$categories_query = tep_db_query("select c.categories_id, cd.categories_name from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id . "' order by sort_order, cd.categories_name");
$rows_count = tep_db_num_rows($categories_query);

if ($rows_count > 0) {
  while ($categories = tep_db_fetch_array($categories_query)) {
    $cat_id[]=$categories[categories_id];
    $cat_name[]=$categories[categories_name];
  }
}
?>
      <!-- <?php
  $info_box_contents = array();
  $info_box_contents[] = array('text' => BOX_HEADING_LANGUAGES);

  new LanguagesBoxHeading($info_box_contents, false, false);

  if (!isset($lng) && !is_object($lng)) {
    include(DIR_WS_CLASSES . 'language.php');
    $lng = new language;
  }

  $languages_string = '';
  reset($lng->catalog_languages);
  while (list($key, $value) = each($lng->catalog_languages)) {
    $languages_string .= ' <a href="' . tep_href_link(basename($PHP_SELF), tep_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . tep_image(DIR_WS_LANGUAGES .  $value['directory'] . '/images/' . $value['image'], $value['name']) . '</a> ';
  }

  $info_box_contents = array();
  $info_box_contents[] = array('align' => 'center',
                               'text' => $languages_string);

  new LanguagesBox($info_box_contents);
?>-->
      <td width="100%"></td>
    </tr>
  </table>
</div></td>
  </tr>
</table>


<!-- <?php
  $info_box_contents = array();
  $info_box_contents[] = array('text' => BOX_HEADING_LANGUAGES);

  new LanguagesBoxHeading($info_box_contents, false, false);

  if (!isset($lng) && !is_object($lng)) {
    include(DIR_WS_CLASSES . 'language.php');
    $lng = new language;
  }

  $languages_string = '';
  reset($lng->catalog_languages);
  while (list($key, $value) = each($lng->catalog_languages)) {
    $languages_string .= ' <a href="' . tep_href_link(basename($PHP_SELF), tep_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . tep_image(DIR_WS_LANGUAGES .  $value['directory'] . '/images/' . $value['image'], $value['name']) . '</a> ';
  }

  $info_box_contents = array();
  $info_box_contents[] = array('align' => 'center',
                               'text' => $languages_string);

  new LanguagesBox($info_box_contents);

  
?>-->  

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr class="headerNavigation">
    <td class="headerNavigation"><h2><?php echo $breadcrumb->trail(' &raquo; '); ?></h2></td>
    <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> &nbsp;|&nbsp; <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> &nbsp;|&nbsp; <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></td>
    
  </tr>
<tr>
  <td></td>
  
</table>

<?php
  if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr class="headerError">
    <td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>
    <td></td>
</table>
<?php
  }

  if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>


<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr class="headerInfo">
    <td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>
  </tr>
</table>
<?php
  }
?>


Ce message a été modifié par stbo - 5 Mar 2014, 18:16.


--------------------
Tout vient à point à qui c'est attendre !!! LOL
Os commerce v2.2 RC2a
Go to the top of the page
 
chti_poupon
posté 5 Mar 2014, 19:03
Message #6


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Si je comprends bien la barre du header se déforme au passage de la souris et sous IE ? OK?
Attention, j'ai modifié la seconde ligne qui était:
Code
<!-- Start css3menu.com BODY section
<ul id="css3menu1" class="topmenu">
W3C rejetait ces id et class.
Pour ton css, va voir ce qu'en dit W3C il y a des non conformités. C'est
Classiquement, pour régler les problèmes de IE on utilise les instructions ici ce qui donne par exemple:
Code
<link rel="stylesheet" type="text/css" href="mon_adresse/ma_feuille_normale.css">
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="mon_adresse/ma_feuille_speciale_IE.css">
<![endif]-->

La feuille spéciale permet d peaufiner ce qui n'est pas exactement OK
Enfin, par pitié, télécharges un des nombreux éditeurs de texte HTML gratuit car les <P><P> surprise c'est bien, mais pas dans du code.

Bons essais !
Chti poupon
Go to the top of the page
 
stbo
posté 5 Mar 2014, 19:41
Message #7


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 152
Inscrit : 3-May 09
Lieu : var
Membre no 25242



effectivement sous Ie la largeur du tableau n'est pas bonne et le passage de la souris ne fonctionne pas

Pourtant lors de la creation du fichier a part de mon site cela fonctionne sous ie
lorsque je fais les essais cela donne ceci
essai pourquoi ?

SI je comprends ce que tu me dis

Il faut modifier le code avec w3, c'est pas faux !!

modifie le css en deux pages avec une page pour Ie !!
ajouter une ligne dans les scripts pour Ie , cela c'est fait mais pas la page css special car je connais pas les codes

changer de logiciel, notepad ++ c'est mieux ?? mais sous Mac ???

Ce message a été modifié par stbo - 5 Mar 2014, 19:41.


--------------------
Tout vient à point à qui c'est attendre !!! LOL
Os commerce v2.2 RC2a
Go to the top of the page
 
chti_poupon
posté 5 Mar 2014, 20:58
Message #8


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Citation
changer de logiciel, notepad ++ c'est mieux ?? mais sous Mac ???
Une rapide recherche donne de nombreux éditeurs HTML gratuits pour MAC.
Citation
mais pas la page css special car je connais pas les codes
Le code donné n'appelle le correctif que si IE est le navigateur utilisé
Pour la feuille de style spéciale IE, tu mets l'actuelle, renommée, tu testes pour voir et reconnaître les anomalies et corriges les paramètres dans la feuille spéciale pas à pas, sous IE bien sûr (Ce sont principalement les border, padding et taille de la boîte css qui sont à réviser).
Chti poupon
Go to the top of the page
 
stbo
posté 10 Mar 2014, 19:20
Message #9


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 152
Inscrit : 3-May 09
Lieu : var
Membre no 25242



Merci cela fonctionne


--------------------
Tout vient à point à qui c'est attendre !!! LOL
Os commerce v2.2 RC2a
Go to the top of the page
 

Reply to this topicStart new topic
2 utilisateur(s) sur ce sujet (2 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 19th November 2017 - 00:24
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)