Vol libre Midi Pyrénées

J’ai essayé le premier jet de Marc (je n’ai pas compris le second d’heliotrope )
Ca donne ça : http://www.vol-libre-midi-pyrenees.fr/acc.html (moi je suis sous ie et c’est tout décalé)

helioptere

lol

J’ai pas trop de temps aujourd’hui pour rentrer dans le détail mais j’essaierai de poster le css ce we.

:-)

Quote from: heliotrope at Jan 11, 2007, 05:04 PM

helioptere

lol

J’ai pas trop de temps aujourd’hui pour rentrer dans le détail mais j’essaierai de poster le css ce we.

:-)

Oui c’est ça quand on sais pas lire... j’avais corrigé en moins de 2 min, je pensais que personne n’avait rien vu, mais c’est raté

Excuse moi, une erreur s’est glissé dans le code :


Il faut que tu puisse analyser ton code et retrouver les éventuelles erreurs. Pour cela, j’utilise le plugin "Html Validator (TIDY)" de Firefox.
C’est lui qui m’a indiqué qu’il manquait des " dans class="bd_img"

Pour la méthode que suggère Helio, tu trouveras toutes les explications dans le livre CSS 2 Pratique du design Web de Raphaël Goetter (tu peux le retrouver aussi sur le site Alsacreation) en page 205. Mais je te conseille de te le procurer et de le lire. Il est facile à parcourir et il convient parfaitement au débutant. Chacun de nous ici la parcouru et a suivi les tuto proposés.


ou l’image bandeau.jpg est la fusion de tes deux images actuelles.

Dans ton CSS :


Je ne l’ai pas testé mais l’idée est la suivante :
l’instruction bachground permet d’afficher une image de fond dans ton header.
L’image à gauche est gérée par #hearder img
La balise <h1> ne s’affiche pas du moins lorsque la feuille de style est activée.
Par contre, si elle n’est pas activée (c’est le cas pour certaine personne handicapée), le contenu de la balise s’affiche dans le header et permet une meilleur compréhension du contenu.
De plus le contenu de cette page est incluse dans la base de donnée des moteurs de recherche. Ce qui améliore le référencement.

Bon courage

Bonjour Marc,

J’ai bien regardé ta proposition, mais il me semble que dans ce cas la résolution n’est plus adaptable puisque la largeur est fixe non ?
Le modèle que j’ai fait s’adapte aussi bien en 800x600 qu’en 1280x1024 ou tout autre résolutions... ça fait partie du cahier des charges (que je me suis fixé)

Dans mes propositions, j’ai opté pour définir les <div> en dimensions fixes (du moins dans le header) ce qui ne gène pas pour les résolutions que tu mentionnes.

Néanmoins, tu peux opter aussi pour des dimensions en relatif (comme dans l’utilisation des balises <table>).
Encore une fois, pour toutes ces questions, tu trouveras un plus grand nombre d’experts sur le site Alsacreation que j’ai cité plusieurs fois sur ce fil de discutions ou d’autres dédiés sur l’utilisation des feuilles de style.
Loin de moi, l’idée de ne pas venir à ton aide (d’ailleurs tu peux me retrouver sur Alsacreation, rarement, mais j’y suis aussi avec le même avatar ), mais ce forum est d’avantage dédié à l’utilisation et l’amélioration de MODx.
Ce sujet est passé d’un avis sur ton site (que je trouve superbe, avec un sujet intéressant) avec quelques conseils sur les principes (respect des recommandations W3C et WAI, emploi de CSS,...) que nous témoignons et appliquons sur ce forum vers la refonte de ton template.

Nous restons à ton écoute pour tous les difficultés que tu rencontres dans l’utilisation des outils contenus dans MODx (snippet, chunks, TV, modules, pluggin, développements en PHP, JS, AJAX, etc.)

Pas de problèmes, c’est vrai qu’on est un peu hors sujet...