Codage en HTML pour modifier un template

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Codage en HTML pour modifier un template

    Bonjour,


    Je dois modifié un site de sorte à afficher 3 logos côte à côte. Chaque logo doit avoir son propre lien.
    La position est celle habituellement réservée à l'affichage des logos, c-a-d en haut à gauche.


    Ce template ne propose pas véritablement de position. L'image du logo est simplement paramétrable depuis le gestionnaire de template.


    Conséquemment, je n'ai pas d'autre choix que de modifier le fichier index.php du template.


    Voici le code original :


    <div id="logo">
    <a href="<?php echo $this->baseurl ?>"><?php echo $logo; ?></a>
    </div>




    J'ai donc tout simplement triplé ces lignes de codes :


    <div id="logo">
    <a href="<?php echo $this->baseurl ?>"><?php echo $logo; ?></a>
    </div>


    <div id="logo-middle">
    <a href="http://www.monurl2"><?php echo $logo; ?></a>
    </div>


    <div id="logo-right">
    <a href="http://www.monurl3"><?php echo $logo; ?></a>
    </div>


    Cette modification m'affiche bien 3 logos avec 3 liens différents mais :
    - les uns au dessus des autres
    - et avec la même image


    Je souhaiterais :


    1 - Les afficher côte à côte (sur la même ligne)
    2 - Pouvoir paramétrer une image différente sur chaque logo


    je ne suis absolument pas à l'aise avec le HTML. Quelqu'un pourrait-il me guider ?
    Par avance merci.
    Eric.

  • #2
    Re : Codage en HTML pour modifier un template

    <body>

    ....

    <style type="text/css">
    #logo-middle, #logo-right{
    display:inline-block;
    }
    </style>


    <div id="logo">
    <a href="<?php echo $this->baseurl ?>"><?php echo $logo; ?></a>
    </div>


    <div id="logo-middle">
    <a href="http://www.monurl2"><img src="/images/logos/logo2.png"></a>
    </div>


    <div id="logo-right">
    <a href="http://www.monurl3"><img src="/images/logos/logo3.png"></a>
    </div>

    Cela devrait avoir pour effet de t'afficher les 2 logos suivants côte-à-côte. les 3 logos se trouvant dans /images/logos/
    Christophe
    http://www.webcrea.fr

    Commentaire


    • #3
      Re : Codage en HTML pour modifier un template

      C'est juste parfait.
      Un grand merci !
      Eric.

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X