menu par onglets en images

menu par onglets en images - HTML/CSS - Programmation

Marsh Posté le 06-01-2005 à 08:51:17    

Bonjour tout le monde,
 
Je débute en création de page internet, et je me trouve confronté à un problème dont je n'aperçois même pas le début de la solution :
 
J'ai effectué un découpage (par image ready) d'un fichier psd proposé par un graphiste. Dans ce design, il y a une barre de menu par onglets. Pour ces onglets, il faut un effet rollover. Le hic vient du fait que pour un de ces onglets, l'effet rollover est l'apparition d'un sous-menu : un calque photoshop vient se superposer au reste du menu pour pouvoir afficher ce sous-menu entre l'onglet en question et le suivant.  :(  
 
J'ai beau eu chercher un peu partout une solution à mon problème, je ne vois pas comment je peux faire. J'ai quelques (petites) connaissances en javascript, mais je ne vois pas comment modifier la structure de ma page pour que le sous-menu sois accessible à la souris. Pour le moment le sous-menu apparait bien, mais il disparait dès que la souris quitte l'onglet principal...  :sweat:  
 
Quelqu'un voit une solution à mon problème ? un début de piste ? quelque chose ?  :(

Reply

Marsh Posté le 06-01-2005 à 08:51:17   

Reply

Marsh Posté le 06-01-2005 à 09:08:31    

Je pense que ton problème peut etre resolu en Dhtml avec les calques <span> ... Parcontre ca implique que ton site sera tres peu compatible avec les browsers non-IE

Reply

Marsh Posté le 06-01-2005 à 11:02:53    

argh, je voulais justement éviter les css pour le moment... gasp (j'y connais rien)  :sweat:  
 
pour le moment la structure de la page a été codée par image ready (oui j'ai entendu dire qu'il sortait un code crado... j'ai regardé et c'est vrai), et je ne suis pas encore assez sûr de moi pour coder le tout sans ce genre de facilité....  :(  
 
bon, je vais continuer d'essayer, mais pour le moment mes tentatives se soldent par un interessant puzzle interactif  :pfff:

Reply

Marsh Posté le 06-01-2005 à 11:20:09    

Le css est extremement facile a "apprendre", et honnetement si tu apprennais a faire des pages sans image ready, ca te verrais gagner du temps ... Parceque au lieu de faire 24323 essais qui risquent finalement par se solder en une erreur globale ... Tu verrais toi meme ce que tu es entrain de faire et ca risquerais de te simplifier la vie

Reply

Marsh Posté le 06-01-2005 à 11:32:39    

qu'est-ce que tu entends par "faire des pages sans image ready" ? tu penses à découper les images sous photoshop (ou autre) soi-meme et les agencer avec des css c'est ca ?

Reply

Marsh Posté le 06-01-2005 à 11:35:39    

Il est complètement impossible de faire des pages webs dans CSS  :o  
 
Les pages webs sans CSS sont nécessairement non-conformes aux standards ;)

Reply

Marsh Posté le 06-01-2005 à 11:44:28    

FlorentG a écrit :

Il est complètement impossible de faire des pages webs dans CSS  :o  
 
Les pages webs sans CSS sont nécessairement non-conformes aux standards ;)


 
Pas forcemment, meme si c'est assez soulant de s'ecrire 500 fois tout les attribut de font :p
[citation=938927,0,5]
[nom]Gravastar a écrit[/nom]qu'est-ce que tu entends par "faire des pages sans image ready" ? tu penses à découper les images sous photoshop (ou autre) soi-meme et les agencer avec des css c'est ca ?[/citation]
 
Le fait d'utiliser un programme qui genere le code html a ta place


Message édité par esox_ch le 06-01-2005 à 11:44:47
Reply

Marsh Posté le 06-01-2005 à 11:50:22    

esox_ch a écrit :

Pas forcemment, meme si c'est assez soulant de s'ecrire 500 fois tout les attribut de font :p


 
C'est bien ce que je dit ;) C'est pas conforme, la balise font a été déclarée comme dangereuse par le w3...

Reply

Marsh Posté le 06-01-2005 à 13:12:20    

esox_ch a écrit :

Pas forcemment, meme si c'est assez soulant de s'ecrire 500 fois tout les attribut de font :p


Citation :

15.2.2 Font modifier elements: FONT and BASEFONT
 
FONT and BASEFONT are deprecated.


<font> ca pue du gland de toute façon, c'est le meilleur moyen de tripler la taille d'une page tout en en rendant le code illisible


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 06-01-2005 à 13:19:22    

Totalement d'accord avec toi, d'ailleur j'utilise soit du CSS doit du XSL pour mettre en forme mes pages, mais les browsers actuels supportent encore cet attribut (ca sera marrant le jour ou ils le supportront plus, toutes les pages faites avec dreamweaver qui iront se peter la gueule :D )

Reply

Marsh Posté le 06-01-2005 à 13:19:22   

Reply

Marsh Posté le 06-01-2005 à 13:56:53    

J'ai dans ma tête un projet de browser qui n'accepterais que les DTD Strict  :love:  
 
Ou alors Google qui n'indexerait pas les termes contenus dans les tableaux (ben oui, quand on à un tableau avec des données dedans, ça sert à rien d'indexer ces données...), du coup ça ferait enfin bouger le monde :)

Reply

Marsh Posté le 06-01-2005 à 14:34:12    

Oui ca serait pas mal :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed