Bonjour & Bienvenue sur EOS-Numerique
Réseaux Sociaux : Follow us on Facebook Follow us on Twitter


Sign Up






Affichage des résultats 1 à 11 sur 11

Vue hybride

  1. #1
    Membre Avatar de Passonum
    Inscription
    juin 2007
    Localisation
    Courcelles
    Âge
    68
    Messages
    151
    Boîtier
    Eos 30D
    Objectif(s)
    Sigma 17-85 - Canon EF 70-300 IS USM - Canon EFS 60 Macro USM

    Par défaut

    Citation Envoyé par Jack lafrite
    plusieurs fonds nécessite la mise en place d'un tableau (ça je connais très bien)

    Disons que ça va le faire mais à l'heure actuelle, les tableaux sont de moins en moins utilisés pour une simple question de mise en page ou de mise en place d'images. A cette fin on utilise le CSS bien plus "souple" que les tableaux en HTML.
    Cependant cela nécessite un nouvel apprentissage de ce "langage"

    Ici, une alternative possible aux tableaux est l'usage d'image cliquable.
    Plutôt que de créer une imagette pour chacun des choix possibles, on utilise une seule image générale découpée en zones "sensibles" (cliquables et assorties d'un lien)

    Un exemple vite fait par là
    Si ça peut aider :banned:


    A demain, Jack








    PS: Le code:

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Image cliquable </title>
    </head>
    <body>
    <h3>Pour télécharger une image, cliquez sur la résolution souhaitée sous la vignette choisie</h3><br />
    <br />
    <img src="Vignette1.gif" alt="Vue réduite" width="160" height="120" /> <br />
    Télécharger en: <br />
    <img src="Choix_resolutions.gif" alt="Choisir une résolution" width="160" height="50" border="0" usemap="#Map1" />
    <map name="Map1" id="Map1">
    <area shape="rect" coords="0,0,80,25" href="image1_resso1.zip" />
    <area shape="rect" coords="80,0,160,25" href="image1_resso2.zip" />
    <area shape="rect" coords="0,25,80,50" href="image1_resso3.zip" />
    <area shape="rect" coords="80,25,160,50" href="image1_resso4.zip" />
    </map>
    <br />
    <hr />
    <br />
    <img src="Vignette2.gif" alt="Vue réduite" width="160" height="120" /> <br />
    Télécharger en: <br />
    <img src="Choix_resolutions.gif" alt="Choisir une résolution" width="160" height="50" border="0" usemap="#Map2" />
    <map name="Map2" id="Map2">
    <area shape="rect" coords="0,0,80,25" href="image2_resso1.zip" />
    <area shape="rect" coords="80,0,160,25" href="image2_resso2.zip" />
    <area shape="rect" coords="0,25,80,50" href="image2_resso3.zip" />
    <area shape="rect" coords="80,25,160,50" href="image2_resso4.zip" />
    </map>

    </body>
    </html>
    Dernière modification par Passonum ; 01/09/2007 à 09h46.

 

 

Informations de la discussion

Utilisateur(s) sur cette discussion

Il y a actuellement 1 utilisateur(s) naviguant sur cette discussion. (0 utilisateur(s) et 1 invité(s))

Discussions similaires

  1. telechargement
    Par dordje dans le forum Canon
    Réponses: 3
    Dernier message: 28/08/2006, 12h18
  2. Soucis de téléchargement
    Par aXXel dans le forum Discussions techniques
    Réponses: 0
    Dernier message: 25/06/2005, 09h07

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •  
Fuseau horaire GMT +1. Il est actuellement 22h24.
Powered by vBulletin® Version 4.2.5
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2026 DragonByte Technologies Ltd.
Auto Closing Of Threads provided by Threads Auto Close (Lite) - vBulletin Mods & Addons Copyright © 2026 DragonByte Technologies Ltd.
Copyright © Eos-numerique 2004-2025
vBulletin Skin By: PurevB.com