Reprise du message précédent :

FlyMan30 a écrit a écrit :     Tu peut toujours le transcrire en VBScript

 
Je doute que ça marche avec Netscape 4 for Mac

Bon quelques mises à jour :
 
Vu que http://www.alistapart.com/stories/goingtoprint/ a été traduit par pompage.net ( http://pompage.net/pompe/impression/ ) j'ai modifié le lien donné à la question : "Comment bien imprimer une page web ?"
 
 
Le site http://mozilla-evangelism.bclary.com/ a déménagé chez Mozilla : http://www.mozilla.org/projects/tech-evangelism/
 
 
J'en profite pour ajouter un lien vers le liste de discussion sur les CSS http://two.pairlist.net/mailman/listinfo/css-discuss gérée par Eric Meyer. C'est une liste très active où les sujets abordés sont souvent assez pointus. A suivre pour ceux qui veulent aller plus loin avec les CSS.
 
 
Enfin, 2 articles pour les fans de Dreamweaver :
- Créer des pages web professionnelles avec Dreamweaver MX en 5 étapes
- Mise en page sans tableaux avec Dreamweaver MX  [fr]
 
(infos honteusement repompées chez http://www.nitot.com/standards/blog/ )

hop !
 
JavaScript / ECMAScript
- http://webfx.eae.net/ (beaucoup de scripts pour IE et Mozilla)

Ajout de 2 liens dans l'article sur le positionnement :
 
- http://www.brainjar.com/css/positioning/
- http://www.blogblues.com/standards/css/position.asp [fr]
 
 
J'en profite pour ajouter ce blog, qui est rempli de bonnes choses :
- http://www.blogblues.com/blog.asp [fr]
Ainsi que l'incontournable :
- http://daniel.glazman.free.fr/weblog/  
 
 
 
Sinon, est-ce qu'il y a des sujets que vous voudriez que j'aborde un peu plus précisément ? (un point obscur dans les specifications, comment faire telle ou telle chose avec les CSS, ou ce qu'on ne peut pas faire )
 
 
Je précise également que n'importe qui peut contribuer à cette FAQ. Ca serait intéressant de partager les expériences de chacun. (Ce n'est pas MA FAQ hein )

Bah ouais mais la flemme d'écrire des trucs, et puis bon t'as déjà fait un peu le tour, en plus, maîtrisant parfaitement XHTML et CSS je n'ai pas idée de ce qui peut poser problème aux newbies...
 

W3C Compliant a écrit a écrit : Bah ouais mais la flemme d'écrire des trucs, et puis bon t'as déjà fait un peu le tour, en plus, maîtrisant parfaitement XHTML et CSS je n'ai pas idée de ce qui peut poser problème aux newbies...

Hum, hum Bon puisque tu maitrises parfaitement tu nous fais un topo complet sur le média auditif ?
 
Je l'ai déjà dit mais quand je dis "participation" ça peut être un truc très court, comme par exemple une explication sur une propriété CSS, un sélecteur CSS, un tag HTML, comment réaliser tel effet, etc... Bon j'insiste pas plus parce qu'après on va dire que je suis un tyran

gm_superstar a écrit a écrit :   Hum, hum Bon puisque tu maitrises parfaitement tu nous fais un topo complet sur le média auditif ?   Je l'ai déjà dit mais quand je dis "participation" ça peut être un truc très court, comme par exemple une explication sur une propriété CSS, un sélecteur CSS, un tag HTML, comment réaliser tel effet, etc... Bon j'insiste pas plus parce qu'après on va dire que je suis un tyran

 
Oui papa !

Ca y est je passe pour le rabat-joie de service

*
 
modesti powered  

Appelez-moi "oedipes"

Salut, dans la section javascript, tu pourrais rajouter :
 
www.editeurjavascript.com (javascript, fr)
 
www.bratta.com (dhtml, anglais)
 
 

OK

Hou lala, l'intro a bien pris 3/4 minutes avec Mozilla
Bon, ajouté aussi.
 
Merci

thekeke a écrit a écrit : Salut,   Non pas de news je voulais juste crier mon amour    pour ce topic dans lequel je retourne régulièrement !   (ce message s'autodétruira demain )   et       c'est tout...

 
quoted

Bon ça fait longtemps que j'ai pas posté un article ici. Je vais peut être un espèce de tableau de correspondance entre les anciens attributs/tags HTML et les nouvelles méthodes.
 
Du style qu'est-ce qui remplace <font>, align="center", etc, etc.
 
thekeke : merci

ça serait une bonne idée pour faciliter la "migration" de ceux qui codent en HTML 3 / transitionnal / pas HTML / MS HTML

DevEdge vient de se doter d'une version française :
http://devedge.netscape.com/index_fr.html

Merci ! C'est mis à jour

hop ! 2 nouveaux weblogs (enfin surtout le 2ème, le premier existe depuis un moment mais n'était pas dans les liens de la FAQ) :
 
Weblogs
- http://emmanuel.clement.free.fr/blog/ [fr]
- http://www.latchman.org/sam/ [fr]
 
Et un pour l'accessibilité :  
 
Accessibilité
- http://www.accessify.com/

 
Voui, comment combiner les proprietes float, absolue et relatif. Si on veut que tel element soit toujours au meme endroit, que tel autre soit relatif a la zone de visualisation, que tel autre soit absolument a 125 px a l'interieur d'un element relatif... enfin bref est-ce que c'est possible tout ca ?  
 

 
Ici  je donne tout le code pour définir un menu en CSS, avec une classe de lien pour ce menu et une autre classe de lien pour un sous-menu    http://www.allhtml.com/forum/index [...] 1&i=201492  

Au même endroit par rapport à quoi ? Si c'est par rapport à la zone de visualisation -> position: fixed; (ne marche pas avec IE-Win)

C'est à dire ?

position: absolute; left: 125px;

Oui et ?

Arf ! OK ! Ben dans ce cas poste le code ici ça sera plus facile d'en discuter. Et comme ça on l'aura toujours sous la main sans avoir à chercher dans le forum de allhtml.
 
Mais si tu le postes là : explique un peu comment il marche (exemple de code HTML) voire, le top du top, un lien avec une vraie page pour voir le code à l'oeuvre.

[ok j'efface le message precedent sans interet et je met le code directement ici]
 
 
La question de savoir comment personnaliser ses liens - et faire des menus réactifs au passage de la souris sans passer par un rollover d'image - peut se résoudre par les CSS. On peut voir un exemple avec le menu de www.allhtml.com. (la page de mon exemple ci-dessous n'est pas encore en ligne)
Pour un  MENU avec des LIENS qui changent de couleur au passage de la souris, tu définis une classe de lien pour tout ton site. Cette classe indique qu'au repos il faut utiliser telle police, telle taille, sans soulignement... , qu'au passage de la souris il faut ajouter une couleur de fond, passer en gras, souligner...  
 
Maintenant si tu veux plusieurs types de liens (liens de la page, lien du menu, liens d'un sous menu...) il faut définir une classe pour chacun.  
-----> dans ta feuille de style tu met ceci par exemple :  
(ici je définis un comportement de lien de type menu, et un autre de type sous-menu, que j'appelle "submenu" )  
 

 
Ensuite dans ta page html tu met ceci :  

 
 
L'aventage c'est qu'en modifiant la feuille de style qui est en lien dand le head de chaque page, tu modifie tous les liens des menus de toutes les pages. Imagine le boulot si le menu etait fait avec des images, bonjour la souplesse d'actualisation du site en cas de relooking !!! Egalement cela évite le chargement d'images sur la page, et donc un gain de poid non négligable.
 
L'inconvénient minime, est que la police ne sera pas forcément la super-police choisie sous photoshop, il faudra lui preferer une police standard : arial, times, courrier, georgia, verdana ou geneva pour etre sur que le surfeur verra la meme chose que toi. Si la police que tu utilise est une autre police, et que le surfeur ne l'a pas installée sur sa machine, il mettrait celle par défaut, ce qui peut s'averer desastreux pour la mise en page.  
 
(voila je peux pas faire plus de FAQ pour le moment, je débute ! )

Bravo ! voilà qui est clair.
 
Plusieurs choses cependant :
 - met la partie code entre des balises [ fixed] [/ fixed] pour qu'elles ressortent mieux
 - une coquille : text-decoration verline underline; au lieu de text-decoration: overline underline;
 - :active ne correspond pas à l'état après un clic mais à l'état pendant qu'on clic. L'état après le clic c'est :visited
 
Sinon quelques liens pour compléter :
 - http://www.alistapart.com/stories/ [...] index.html qui fait le point sur les menus à base de listes (<li>, <ul> ). C'est à la fin de l'article
 - Partant de ces menus à base de liste, on peut faire des menus déroulants : http://www.meyerweb.com/eric/css/edge/menus/demo.html avec seulement des CSS
 - Un autre exemple très complet : http://www.brainjar.com/dhtml/menubar/

ouki,  j'ai  corrigé comme tu l'indique.
 
 Mais  pour ce qui est des etats de liens, en pratique je  remplace visited par active, active devenant mon etat de lien une fois cliqué.    
Je sais pas si c'est un bug de IE , mais lorsque j'avais un état "visited" tout mon menu foirait. En gros, a ma premiere visite ct nickel, mais une fois cliké sur un lien, ce lien passait en couleur de lien par défaut ( bleu souligné !) sans plus jamais vouloir prendre en compte ma valeur de a.menu  
Du coup, j'ai viré l'etat visited, et depuis ca marche très bien, meme si en théorie c'est pas logique    
 
Pour ce qui est du menu déroulant en CSS je trouve ca super, je pensais pas que ca pouvait ce faire !    
Y'a plus qu'a attendre que le prochain IE le fasse marcher, parceque la le 6 il capte rien. Et faire un site que 90% des internautes ne pourra pas naviguer c'est trop

Bon allez j'en rajoute une couche sur les menus. Il y a donc la méthode "classique" présentée par panchopa, la méthode par listes donnée en lien sur A List Apart en voilà une troisième basée sur des div et qui évite d'écrire plein de class="menu" ou class="submenu" dans tous les éléments <a>.
 
Soit le code HTML suivant :  
 

On a 3 niveaux de liens, chaque sous-niveau étant dans un <div>.
 
On souhaite que la présentation finale soit de ce style :

 
La feuille de style qu'on va utiliser est la suivante. Elle fait largement appel au sélecteur ">" :
 

 
"div#menu > a" signifie : pour tout élément <a> directement enfant de <div id="menu"> cela concerne donc uniquement les éléments <a> du premier niveau.
"div#menu > div > a" signifie : pour tout élément <a> directement enfant d'un élément <div> lui même enfant de <div id="menu">. On touche donc là uniquement aux éléments <a> du second niveau.
Même principe pour "div#menu > div > div > a" qui affecte les éléments <a> du 3ème niveau.
 
Le display: block pour tous les éléments <a> permet de les placer les uns en dessous des autres et nous évite d'utiliser des <br>.
 
On peut bien sûr ajouter les effets classiques :hover, :active, etc... :
 

 
Ici j'utilise "div#menu a:hover" qui est différent de "div#menu >  a:hover" dans la mesure où dans le premier cas tous les éléments <a> sont concernés (peut importe leur niveau hiérarchique) alors que dans le deuxième seuls ceux du premier niveau (les enfants) le sont.

je comprend pas bien le a: block !
ca les block au meme espace du bord c ca?

Non, display: block; ça permet à l'élément <a> de se comporter comme un élément <div> ou <p>.
 
Par défaut l'élément <a> est de type en-ligne, c'est à dire comme <b>, <em> ou <strong> : il se place à la suite du texte, aligné sur la ligne de base du texte.
 
Si j'ai :
 

 
Ça va s'afficher :
 

 
 
Si maintenant j'applique display: block; à l'élément <a> ils vont se positionner comme ça :
 

 
Car par défaut les élément de type bloc se mettent l'un en dessous de l'autre (regarde ce qui se passe quand tu as 2 éléments <p> qui se suivent)

 
   ça c'est de la démo  

tout citer n'était peut-etre pas la meilleure façon de montrer ton approbation

Désolé c'est l'entousiasme  

 
Il est encore temps d'éditer ton message

 
Done  

Ce topic est sublime !
 
 

Pour completer le passage sur les menus a base de lien, une petite précision bonne a savoir  :  
 
 

Très utile comme précision. J'en ai vu s'arracher les cheveux (sur certains topics) sans comprendre le pkoi du comment du bidule  
 
gm_superstar :
dans la partie "comment déclarer ses styles", précise que <link rel... /> doit être dans le <head> on sait jamais

OK, c'est ajouté. Merci

 
J'en sais quelques choses  

 
Ché pas pkoi, j'y pensais
 
(et un Up gratuit, un !)

http://www.cybercodeur.net/