Discussion :

[kasinao]

Bonjour à tous,

Voila je suis entrain de creer mon site avec dreamweaver cs6.

J'ai choisi de faire mon menu avec plusieurs boite à onglet (déjà ce choix n'est peut-être pas judicieux) parce que je pense que c'est plus adapté pour faire ce que je souhaite.

Donc j'ai mis tous les boites dans une boite div jusque là pas de problème.Le contenu est un tableau avec 2 colonnes.
Bon en dessous de cette boite div qui contient le menu, j'ai une autre boite div qui contient une image. Ce que je voudrais faire c'est que quand je clic sur l'un des onglets, le contenu s'affiche par dessus l'image et ne décale pas la balise div contenant l'image.est-ce possible? (j'ai essayé de jouer sur plusieurs paramètres mais rien n'y fait!!)

L'idéal pour moi serait meme que l'image ne soit pas fixe mais soit un autre widger (spry content slideshow) si c'est possible dans le premier cas est-ce aussi possible comme cela?

merci de votre aide

[rodolphebrd]

Bonjour,

quel résultat voulez-vous ?

L'utilisation des outils Spry est à utiliser avec parcimonie car un peu lourd pour le résultat escompté.

[kasinao]

merci de prendre le temps de me répondre

Le résultat voulu est identique a ce que peut presenter ce site. Quand on passe sur le menu, les sous-menu s'affiche au dessus de l'image.

http://www.fr.forzieri.com/

Et comme je disais si en plus cela pouvait etre non pas une image mais un widget qui fait défilé 4-5 photos ce serait super!

[rodolphebrd]

Jetez un coup d'œil sur cette discussion : http://www.developpez.net/forums/d13...y/#post7432575

Qu'entendez-vous par widget qu'il fait défiler 4 photos ?

[kasinao]

je parle d'un widget que l'on peut intégrer avec dreamweaver cs6 comme
le widget "spry content slideshow" par exemple.

je vais regarder le lien que vous m'avez indiqué!

[kasinao]

merci pour le lien, je l'avais déjà remarqué et semblait bien correspondre à ce que je voulais, mais ma maitrise de dreamweaver est loin d'etre suffisante je le crains.

En effet j'ai bien réussi à intégrer le html dans ma page (le menu noir apparaissait bien), j'ai réussi aussi a copier le css et le js dans un fichier .css et .js, par contre je ne sais pas faire le lien entre le menu et ces fichiers!!!
(bien évidemment quand je clic sur le menu rien ne se passe!)

Avec cette méthode les sous-menu passerait devant l'image? Ce serait parfait!
Il me faudrait un petit tuto pour liéer tout cela

[rodolphebrd]

Pour javascript il faut charger la bibliothèque Jquery:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

Pour lier un fichier Css à une page HTML il faut cliquer sur ce bouton :

Ou en le saisissant directement dans le HEAD :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="dossier_CSS/mon-style.css" />

Note : il vaut mieux apprendre les bases car Dreamweaver vous entrainera dans des voies sans issues en vous faisant prendre de mauvaises habitudes.
Le code généré sera de mauvaise qualité et les performances de votre site en pâtiront.