Dinostrate

Salut J'ai quasiment appris ce que je sais sur les css avec un petit bouquin en français (pas cher du tout (moins de 10 ) Aide-mémoire CSS2 Patrick Beuzit Editions Eyrolles. 2003 Il est tout de même insuffisant, une consultation des sites phares comme opeweb reste absolument nécessaire pour approfondir l'état d'esprit css et connaitre les pièges à éviter, mais c'est un très bon aide mémoire que l'on a sous la main à côté du clavier ! Dino

Ton problème c'est que si t'es en float, ton <div> de droite n'a plus la place pour "se garer comme il faut" (les résultats sont pires avec ie) Perso, j'ai débuté les css avec des float, j'utilise très rarement les "relative", jamais les "absolute" et j'utilise plutôt les % ou les em. Je suis encore très loin de tout savoir, mais j'ai constaté deux ou trois choses : Si tu places un cadre à gauche et un autre à droite, il vaut mieux faire 1 "left" et 1 "right" Si te places trois cadres, il faut faire un savant calcul avec les width. Dans ton cas, je pense qu'il faut trois cadres dans le cadre principal. Dans cette situation, j'essaierai tout en left. Ce n'est pas évident de tout faire en float, mais maintenant que je commence à piger, je ne jure que par ça ! on y gagne énormément en relativité. N'oublie pas que les conséquences de ton code sont différentes dans ie et dans les opera ou mozilla, et aussi dans ie 5 5.5 par rapport à ie 6. Au fait, je pense qu'en absolute, t'avais une autre solution : dimensionner en hauteur le cadre principal, mais comme perso je n'aime pas ça.... Dino

De mon point de vue, chaque balise contient sa propre définition sémantique, y compris pour les tableaux, mais je ne vois pas un moteur aller trop loin dans ces définitions : question d'utilité, de rapport coût/avantages. Sémantiquement, un tableau reste utile à utiliser si l'on veut présenter une série.... ou plusieurs..... qu'il s'agisse de textes ou d'images. Un tableau comporte toujours fonctionnellement la nécessité d'une présentation parfaitement lisible. Il en résulte que l'utilisation d'un tableau est nécessaire quand les données sont lisibles plus clairement par ce moyen. Pour cette raison, je me méfie d'un certain intégrisme qui consisterait à laisser les tableaux de coté et faire du "tout cadre" avec les CSS. En fait, la question qu'il faut se poser, c'est : sur du papier, est-ce qu'un tableau serait nécessaire..... Si oui, ne pas hésiter à en réaliser un.... Originellement, la sémantique consiste en l'étude du sens précis des mots. C'est une science très intéressante. On en parle aussi dans de très célèbres romans de science fiction.... Aujourd'hui, elle a tendance à devenir générative, c'est à dire qu'elle participe à l'ensemble des règles qui concourrent à la construction d'un langage. Appliquée à l'informatique, à mon sens, c'est surtout dans le cadre de cette définition qu'il faut la considérer. Ma conclusion, c'est qu'il ne faut surtout pas utiliser les balises <h1> et autres dans un seul but qui serait le référencement, mais dans tout ce qui doit permettre au visiteur de comprendre ce qui est écrit le plus facilement possible, tant sur le plan du vocabulaire que de la présentation (hierarchisation, choix des titres, phrases significatives). Dino

Bonjour, Si mes souvenirs sont exacts, il me semble qu'un "clear:both" devrait te donner la solution. exemple ici sur les boites flottantes : http://openweb.eu.org/articles/initiation_float/ .spacer { clear: both; } et <div class="spacer"> </div> juste avant le </div> du cadre principal ceci dit, je n'ai jamais essayé avec des absolute... Dino

Honnêtement, je pense que c'est assez simple et comme le suggère Sibélius, je ne vois pas trop comment faire plus simple. Fais quelques essais et tu verras que ce n'est pas très compliqué. N'oublies pas que tu peux définir aussi en em, ce qui te permet de faire varier les interlignes en fonction des balises utilisées et des différentes définitions de caractères que tu leur donnes : <p> <h1> <h2> etc. Dino

Autre chose : Chacun fait comme il le sent, mais je pense que pour les feuilles de styles, il vaut mieux apprendre directement le code, ce n'est pas beaucoup plus difficile que d'utiliser ce que génère n'importe quel logiciel.... sinon, le code css pour la bordure c'est par exemple : border:5px ridge #CC3333; tu as l'épaisseur (tu peux mettre : 1px) le style (tu peux mettre : none ou dotted, etc.) et la couleur en hexa.. Dino

Bonjour, pour tes essais, place une bordure comme te l'indique Clair de lune.... C'est le meilleur moyen pour tester... tu l'enlèveras quand tout sera ok.... Dream... n'est pas super en vision directe dès qu'on utilise les feuilles de style. Les bordures que tu vois quand tu visionnes dans Dream sont spécifiques au logiciel, mais il vaut mieux ne pas trop s'y fier..... C'est ce que tu vois dans les navigateurs qui compte. Donc, il vaut mieux placer toi même des bordures si tu veux y voir clair. Dino

Ne tousse pas Denis.... Il y a un frémissement négatif je crois, au sujet de Ie... Malgré son ultra impérialisme, il se pourrait bien que ça évolue.... Bon, je ne peux pas dire que je souffre.... je vais réserver ma souffrance pour d'autres sujets... mais, ie est souvent permissif inutilement.... et pas réglo du tout pour d'autres problèmes.... Si j'essaye de superposer des images (hors contenu ou "in" contenu) en relatif, je constate que j'y arrive bien mieux avec les "respectueux" des standards.... et en outre, j'incite les visiteurs a télécharger les "respectueux" pour qu'ils puissent bénéficier du confort des couches superposées en matière de design.... En effet, à cause de cet imperialisme, beaucoup de progrès en matière de design sont en attente.... Bon, on verra bien..... Dino

Pas grave Tizel, De toute façon, tout évolue, en fait, j'avais voté IE en septembre et depuis, j'ai changé d'avis alors..... country De toute façon, chacun ses goûts. Pas de problème. martin Même sans parler d'accessibilité, mozilla et firefox me semblent plus rapides et pour le reste, essaye le site que j'ai dans mon profil avec ie puis avec "mozilla, firefox ou opera" et sans aller bien loin, tu verras au moins une différence dans la fluidité. Dino

Salut Country Rassures toi, je ne vais pas taper C'est vrai que quand on est trop habitué à ie, au début, on n'aime pas trop utiliser Mozilla... en tout cas c'est ce qui m'est arrivé, mais petit à petit, on se met à oublier ie, sauf quand on rencontre des sites ou tout est affiché de travers avec les navigateurs qui respectent les normes.... Il faudrait maintenant ajouter Firefox à ce sondage. Son apparence est plus proche de celle de ie. Ca vaut le coup de l'essayer aussi. Dino

Salut.... Je ne peux pas dire que je sois un pro des noms de domaines, mais là, ça m'interpelle.... qu'est-ce que c'est que tout ça ? et ça ? owner-e-mail: 439bb6307585b83fbc85933b045eea47-837509_AT_owner.gandi.net y aurait eu un bug technique quelque part que ça ne m'étonnerait pas.... En plus, les indications habituelles pour le .net ne figurent pas.... administrateur contact technique ???? d'habitude, il y a plus d'infos dans ces rubriques.... Bon, je n'ai malheureusement rien à ajouter à ce que te dit Dan... Tu devrais essayer un transfert .... Si tu ne trouves pas une soluce rapidos, la lettre avec AR s'impose sans trop tarder.... Dino

OK Dan... mais si l'on veut être puristes, je dirai qu'ie ne gère pas du tout correctement le png32, que ce soit pour la transparence absolue ou pour les autres niveaux : que l'on a coutume d'appeler l'opacité... dis moi si je commets une erreur en disant c'te chose... Mon cher Beatnykk T'as parfaitement raison techniquement... on va dire que je me plaçais sur le plan littéraire ! Moralité de l'histoire : testez d'abord sur mozilla, SAUF pour les images png.... parceque là encore, Mozilla est trop bon, lui au moins, il sait ce que c'est que l'opacité.... Dino

Bonjour, C'est certainement possible d'aller plus loin en superposant des div... après tout, ce qu'on peut faire avec des angles droits, on peut aussi le faire avec des arrondis ou même en alternant.... avec ce principe, m'étonnerait que tu ne puisses pas faire une ou plusieurs bordures sophistiquées. La question, c'est qu'il faut peut être ne pas aller trop loin pour éviter trop de complexité... Je n'ai pas encore essayé, mais tes réflexions me donnent des idées.... Dino

Salut Beatnykk Faut que tu nous expliques pourquoi png n'est pas copain avec ie pour la transparence... avec l'opacité, je veux bien comprendre, mais avec la transparence, je n'ai pas encore rencontré de dysfonctionnement. Dino

Comme tu le dis maintenant, ça me semble évident.... En fait, perso, j'ai débuté les css en raisonnant tout de suite en relatif....; J'ai bien l'impression que plus on est dans le relatif, et mieux ça va.... Non seulement pour l'adaptabilité à l'écran, mais aussi pour la conception.... Quand je vois des absolute ou des px, je n'ose pas moufter.... Pour les sites, t'as le meilleur, mais tu le connais peut être déjà.... http://openweb.eu.org/ T'as aussi un tuto pas mal du tout sur le site d'un membre du hub : alsacreations.com et n'oublies surtout pas les conseils de monique sur le hub... après, tu dois faire des essais.... d'abord mozilla ou firefox, puis opera, et enfin ie.... <edit Dino> l'ordre est impératif</edit> Dino

Parfois, on fait de grosses bourdes et personne ne s'en aperçoit, même pas moi dans une première observation..... Je sais pas si tu l'as vu, mais toujours dans .contenu ...tu as écrit absolue et pas absolute Tiens nous au courant.... Dino

Pas nécessairement, les images sont les images, et on ne va pas présenter une photo en sépia si on préfère la couleur.... Mais là, j'exagère dans ma réponse. La question, c'est au sujet des images purement décoratives qui ne font pas partie du vrai contenu... Là, tu peux les changer avec les css... tout est très bien expliqué ici : http://openweb.eu.org/articles/images_css/ Mais bon, vu le thème de ton site, tu n'as peut être pas intérêt à trop fignoler sur le plan artistique... il s'agit qu'il soit agréable et efficace. Dino

Bonjour netootel et bienvenue sur le Hub J'ai toujours une nette préférence pour les couleurs douces qui ne crèvent pas les yeux, donc, j'aime mieux le second... Mais attention, ne laisse pas pointer deux domaines directement sur un même contenu, tu cours le risque de te faire sanctionner par Google pour le référencement, il n'aime pas ça du tout.... il y a urgence parceque Google va de plus en plus vite pour indexer. Tu as la possibilité de laisser le choix à l'utilisateur si tu utilises des feuilles de styles sur fichiers indépendants, étudies plutôt cette question. Tu as un exemple avec mon site qui est en signature, et tu vas sur cette page pour le choix du look. tu as d'autres exemples dans le site d'un membre du hub : alsacreations.com Dino

Bon, ce soir ça marche, mais ça ne suffit pas de le dire.... La question est : où est l'intérêt.... Qu'est ce que cette page apporte de plus dans l'immensité de la toile ? ...pardon, il y a peut être un positionnement commercial, dans ce cas, je n'ai rien à dire.... Dino

Bon, je réponds du tac au tac.... Tu sais, je découvre aussi les css, donc, modération.... Mais pourquoi tu mets overflow: auto dans .contenu ? Perso, j'aime pas trop les auto... mais bon, je débute... as tu essayé les autres possibilités ? Dino

Salut ...et cool loupilo, on peut pas tout savoirreeuuuu.... j'avais bien écrit que je préfèrais quand même la famille FireFox et Mozilla..... Je crois bien que c'était prévu que la famille Mozilla fasse des efforts, vu la converse avec LaurentDenis et Monique.... Je vais tester... je ne l'ai pas encore fait.... Dommage que ce soit seulement en additif.... bon.... Si je comprends bien, mon site pourra aussi être sublime avec Firefox !!!!! sans prétention de ma part, mais faut rigoler.... Dino

Bon, j'étais un peu à côté de la plaque... Si je comprends bien (ou alors je deviens fou) tu fais avec des frames. Il y a peut-être un shmilblick entre tes frames et le css. (la scroll des frames et la scroll générée par le css quand on le lui demande) Mais je le dis avec beaucoup, beaucoup de prudence.... et je reste très modeste dans ma réponse... ... mais avec ma réponse, je réagis un peu en "monde incertain" Dino

Bien moi, les couleurs ne me gènent pas trop. Il s'agit que ce soit adapté au thème du site... et je trouve plutôt sympa... Mais le problème, ce n'est pas tellement les couleurs, c'est le thème de ton site, ton but... Parler de tout et de rien, ce n'est pas vraiment un but... Il te faut choisir quelque chose, même si c'est général, mais ça ne doit pas être tout... Quand je vois ton site je me dis : tiens, il fait un site pour s'amuser... c'est bien, pourquoi pas, mais c'est mieux si tu te donnes un vrai but. Pour le choix des couleurs, l'essentiel est avant tout de laisser les textes compréhensibles. Pas trop chargés les fonds, si t'as beaucoup de textes... Pour le moment, ton site est relativement sobre, et ce n'est pas plus mal. Pas de contrastes trop violents non plus..... Que vient faire cette page perdu sur le net ? Si c'est une page suite a erreur 404 OK, mais elle n'a rien à faire dans ton menu, sinon, je ne comprends plus rien.... <edit dino> j'avais pas fait attention au smiley, mais bon, mon observation reste valable</edit> Dino

Wouaouwwww..... Vraiment super le lien.... j'en rajoute à c'que dit ce cher anonymus..... Je vais tenter un jeu de mots supplémentaire : La phasme, c'est un fantasme.... Dino

La qualité des images, c'est tout le problème en proportionnel... et je pense qu'il n'a pas encore été résolu.... Alors, pour l'heure, je ne vois qu'une soluce : faire sans.... (mais j'accepte les contradictions....) Quant à la différence entre les navigateurs : j'insiste encore une fois : pour les images, opera est nettement au dessus du lot.... il zoome sur les images.... ce que ne font pas les autres..... Ma préférence va encore a mozilla et firefox, mais pour les images, il faut bien reconnaitre qu'Opera est le meilleur.... puisque c'est le seul.... Imaginez que les navigateurs soient tous comme opera, et plus la peine de s'embêter, il suffit de faire proportionnel sur les textes....... Dino