Il y a actuellement 77 visiteurs
Mercredi 28 Juillet 2021
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

[résolu] Image survolée

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

[résolu] Image survolée

Message le 20 Déc 2006 22:53

Salut !

J'ai encore 1 problème de programmation web :)
Je voudrais refaire le menu de mon site, c'est une image qui contient des zones cliquables, mais j'aimerais que lorsque l'on passe la souris sur certaines zones, elles soient mises en valeur. Donc j'ai commencé à créer l'image de fond, les calques contenant les parties mises en valeurs... Mais je suis obligé de créer des zones cliquables sur chaque calque (DIV) ! En effet si je met seulement les zones cliquables sur l'image de fond, ça clignote au passage de la souris :-?
Mais mon problème c'est que ça va me faire 1 code super lourd et j'aimerais trouver une solution plus simple.

voici la page test du menu:
########

L'image de fond :
########

Un exemple de calque :
########

Et le fichier CSS :
########

Edité pour ne pas fausser mon référencement.
“It has to start somewhere, it has to start sometime, what better place than here, what better time than now?”
Avatar de l'utilisateur
gael49
Expert(e)
Expert(e)
 
Messages: 1932
Inscription: 07 Sep 2004 20:11
Localisation: Les Mauges
 


Message le 21 Déc 2006 12:48

Bonjour,

Dans l'immédiat je ne peut pas répondre (je ne suis pas chez moi tranquillement), mais peut être que l'étude d'une de mes pages faisant la même chose pourrait t'aider : Porte des étoiles découpé.
J'ai eu la chance d'avoir un ami qui m'a découpé l'image sur son logiciel Adobe Photoshop (ou un truc dans le genre), celui ci a découpé l'image de telle sorte que cela me fasse un tableau, tableau lui même crée en HTML par Adobe Photoshop. De là j'ai mis en forme avec du CSS et crée des images pour le passage au clique. J'ai aussi ajouté des calques (le texte qui apparaît au passage).
Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 

Message le 21 Déc 2006 16:23

blankoworld a écrit:Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.

Boarf, "déconseillé"... c'est un peu fort comme terme. C'est juste plus long à charger que par des <div> par exemple. Rien de bien grave quoi ;)
Walk of shame, walk of game... what uuuup !
Avatar de l'utilisateur
coyote89
PC-Infopraticien
PC-Infopraticien
 
Messages: 7862
Inscription: 07 Mai 2003 17:39
Localisation: Chine :)
 

Message le 22 Déc 2006 17:49

coyote89 a écrit:
blankoworld a écrit:Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.

Boarf, "déconseillé"... c'est un peu fort comme terme. C'est juste plus long à charger que par des <div> par exemple. Rien de bien grave quoi ;)

Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...

Pour l'aide dans Photoshop, je cherche encore dans ma tête le nom de l'outil permettant de couper l'image, mais je ne trouve plus. Et je dois avouer que je n'ai pas de version de Photoshop chez moi, pas assez d'argent pour :oops:. Quelque chose avec le traceur ou similaire, l'icône est un genre de plume de stylo plume, et ça fait des traits sur la page entière. A la fin tu te retrouves avec une image coupée bizarrement.
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 

Message le 19 Jan 2007 23:22

Merci pour vos conseils, désolé de pas avoir répondu plus tot, je n'avais pas suivi ce sujet :oops:

Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...


En effet, c'est pour ça que j'ai voulu refaire mon menu au départ, j'aimerais avoir le maximum de pages conformes au W3C en XHTML strict.
Finalement j'ai gardé mon code de départ en ajoutant des boucles for en PHP j'ai réduit le code de moitié au moins et ça se charge assez vite, donc c'est cool :)
“It has to start somewhere, it has to start sometime, what better place than here, what better time than now?”
Avatar de l'utilisateur
gael49
Expert(e)
Expert(e)
 
Messages: 1932
Inscription: 07 Sep 2004 20:11
Localisation: Les Mauges
 

Message le 06 Fév 2007 13:46

En fait les tableaux ne sont pas deconseillés mais simplement "inadaptés" à des problémes de présentation. Les tableaux sont parfaitement adaptés et acceptés par le w3c dès lors qu'il s'agit de mettre en forme des données tabulaires (un tableau en fait).
Antec 3700 BQE || Tagan 380W || AMD 2000+ (Arctic Copper Silent 2 R2) || 512 Mo || ATI 9800 Pro (VGA Silencer Rev. 2) || 120mm Antec || 120mm Globefan
Avatar de l'utilisateur
6r
Expert(e)
Expert(e)
 
Messages: 1488
Inscription: 14 Oct 2003 08:26
Localisation: Troyes
 

Message le 06 Fév 2007 14:01

blankoworld a écrit:Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 

Message le 06 Fév 2007 14:07

simple correction de sémantique mossieur :wink:
Antec 3700 BQE || Tagan 380W || AMD 2000+ (Arctic Copper Silent 2 R2) || 512 Mo || ATI 9800 Pro (VGA Silencer Rev. 2) || 120mm Antec || 120mm Globefan
Avatar de l'utilisateur
6r
Expert(e)
Expert(e)
 
Messages: 1488
Inscription: 14 Oct 2003 08:26
Localisation: Troyes
 

Message le 06 Fév 2007 14:09

6r a écrit:simple correction de sémantique mossieur :wink:


Oui oui c'était compris :wink:.
C'est moi qui mettais tout dans le sac.
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 



Sujets similaires

Message [Résolu] Veille disque dur externe / Port usb
Bonjour à tous,A chaque fois que je branche un disque dur externe celui-ci s'éteint automatiquement au bout de quelques minutes de non utilisation et se rallume dès utilisation. Cela le fait sur 2 DD externes différents. Pourtant, la mise en veille des ports usb pour économiser l'énergie est désacti ...
Réponses: 4

Message [résolu] gimp-> gThumb
Bonjour Je voudrais pouvoir imprimer plusieurs photos sur les mêmes feuilles, ça fait plusieurs jours que je tourne en rond avec gimp sans succès, j'ai suivi plusieurs topics du net mais je n'arrive pas à avoir la même chose. Merci
Réponses: 7

Message [résolu] numéro de portable
Bonjour mes parents n'ont jamais eu de portable, ils se sont décidés hier. Savez vous combien de temps il faut pour qu'ont leur mette en route leur numéro ? C'est à la poste mobile, donc sfr. Il n'y a aucune réponse sur gogole, ce n'est que pour la portabilité, forcément qui n'a pas de portable.. ...
Réponses: 7

Message [RESOLU] PC Tout en Un avec écran cassé...
bonjour à toutes et tousmon écran de pc est cassé, du moins 3 "grosses" rayures qui traversent l'épaisseur de l'écran...pc tout en un HP Omni 27 de 2011.... Sic Tout fonctionne bien mais sur le plan sécurité, y a-t-il une solution ?Si j'appuie sur les morceaux cassés, ils bougent...., en f ...
Réponses: 4

Message [ Résolu ] NVMe VS SSD sata
Bonjour à TousCe matin, j'ai installé un SSD NVMe, Samsung SSD 980 M.2 PCIe NVMe 1 To et je ne comprends pas les résultats du benchmark. Merci d'avanceBenchmark du NVMehttps://i.goopics.net/bq0vg.jpgBenchmark du Samsung 860 QVOhttps://i.goopics.net/WqLZ3.jpgLes résultats sont supérieurs en lecture/é ...
Réponses: 5

Message [résolu] Conseil d'achat DD SSD et boitier pour un portable
Bonjour,Je souhaite acheter un nouveau support qui sera utilisé dans un boitier externe puis ensuite qui sera mis dans un portable Toshiba satellite L350.Donc un SSD ou un DD de 300 go serait suffisant voire un peu plus si le portable le peut.Voici sa config actuelleDisque dur actuelDisque dur Disqu ...
Réponses: 13


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.