kozlika

Bonjour, Tu peux sans problème attribuer deux classes de la façon suivante : <a class="blabla grrgrr" ...>

Tiens ! Je viens justement de me bagarrer avec ce bug, il s'appelle le double float margin : http://www.positioniseverything.net/explor...led-margin.html

Par exemple pour deux div (main et sidebar) contenues dans une div (page). - on suppose que le sidebar est plus court que le main - on veut un fond blanc pour le main et gris pour le sidebar on applique à la div page le fond gris et au main le fond blanc. De cette façon, la "colonne" grise arrive jusqu'en bas.

Merci Meta Nando : non, je devais être en train de bidouiller dans la page, tout simplement. Bon, pas réussi à trouver un truc qui marche donc j'ai triché comme ça : pre { margin : 0 auto; margin-bottom : 1em; padding : 0.5em; text-align:left; white-space:normal; /* caché pour IE 5 Mac qui sait pas faire \*/ white-space:pre; width: 90%; overflow : auto; } /* End hack */ C'est ce que j'ai trouvé de mieux pour l'instant...

Euh... si, si, ça marche bien (à part dans IE5) avec ça : code, pre { font-family : "Courier New",monospace; font-size : 1.1em; margin : 0 auto; background : #f7f7f7; } pre { display:block; width: 90%; overflow : auto; margin-bottom : 1em; padding : 0.5em; }

Salut. Moi mon problème c'est que je ne veux pas charger Windows Media Player... et que je suis redirigée sur cette page à chaque fois que je vais sur la page d'accueil... (Mac/Firefox) idem sous Safari. N'y a-t-il pas moyen de faire autrement ?

Bonjour, Je suis en train de m'essayer à la création d'un thème en trois colonnes pour l'outil de blog DotClear. J'ai tâché de mettre en forme toutes les balises les plus usuelles mais je rencontre un problème avec la balise pre sur laquelle j'aimerais mettre un overflow auto à cause des lignes parfois très longues. Je crois avoir essayé avec succès dans la plupart des navigateurs que j'avais sous la main et cela semble bien se passer partout, sauf avec Internet Explorer 5.2 sous Mac, où le contenu de la balise disparaît purement et simplement On peut voir le thème là : Keepsake pour DotClear et le billet où j'ai essayé les balises ici : Mise en forme des balises Savez-vous comment je peux corriger ce bug ? Par ailleurs si l'un d'entre vous voit des bugs quelque part, ça serait sympa de me faire remonter l'info (je n'ai pas pu essayer IE5 sous Windows par exemple). Les avis et suggestions sont aussi les bienvenus...

non non, pas de virgule*.. c'est plutôt que l'image est en background de h1 {} et pas dans le h1 a {} (j'avais écrit de mémoire, pardon). Evidemment la feuille de styles peut être désactivée mais dans ce cas le titre en h1 est parfaitement lisible (puisque plus blanc vu que la feuille de styles est désactivée, tu me suis ? ) * Et surtout pas entre h1 et a : tu imagines... TOUS les liens comme ça ?

Ce n'est pas du pourcentage c'est de l'élastique : augmente la taille des caractères et admire le travail

http://www.csszengarden.com/?cssfile=063%2F063%2Ecss ;-)

Il me semble qu'une piste intéressante est de donner TOUTES les tailles en em, y compris la largeur de la page etc, ainsi quand l'utilisateur redimensionne la taille des caractères les blocs grandissent en proportion et l'harmonie visuelle de la page est conservée. Quand c'est possible, je contourne le problème des images en faisant en sorte qu'elles soient dès le départ prévues pour éventuellement ne pas occuper tout l'espace : fond dégradé aux bords qui vient se fondre dans le background de leur bloc par exemple.

Parfois ça peut être très simple à résoudre, ça dépend du contexte. J'ai par exemple pour l'une de mes css "remplacé" le titre de mon blog par une image sur fond blanc. h1 { font-size:8px; color:#fff; height:64px; } J'ajoute que j'avais besoin que le titre en image soit cliquable -> c'est un lien pour revenir à l'accueil. J'ai donc appliqué h1 a { background: transparent url(monimage) no-repeat 12px 12px; height:100%; color:#fff; }

Je dirais plutôt que c'est IE qui est impossible (et avec les mêmes 3 smileys )

Oui, très réussi ce détournement Je n'ai pas grand chose à dire sur le plan "technique" sur Mac ça fonctionne bien avec les navigateurs dont je dispose mais tu dois déjà le savoir (je crois que tu es sur Mac ?) En revanche, au niveau du design, quelques remarques - sous réserve car mon ordinateur est une antiquité et le rendu des couleurs est très infidèle. Subjectives, forcément... -- Le titre dans la bannière, c'est dommage, la photo est jolie. Peut-être pourrais-tu le descendre dans la petite bande verte aligné à droite ? Je crois qu'en blanc ça pourrait rendre pas mal. Si tu le laisses là, je serais d'avis de rendre toute la bannière cliquable pour le retour à l'accueil au lieu de seulement le titre. -- trop de couleurs (à mon goût) le vert de la bande, le bleu-vert des gouvernails, la couleur des titres du menu à droite, les onglets, les liens... comme en plus les verts sont très proches-mais pas tout à fait pareils les uns que les autres ça heurte un peu (mais voir réserve ci-dessus) -- le trait au-dessus des titres de "rubrique" (Cavalaire par ex sur la page d'accueil) sont à mon avis de trop. Ou alors il faudrait un trait en bas aussi... bof, j'aime autant sans rien -- décaler les petites photos, elles sont centrées dans la colonne mais comme le mot "Cavalaire" est à gauche, ça se balade un peu. Je vais arrêter là parce que je pinaille trop et l'essentiel c'est quand même : bravo !

Tiens, on se recroise Je n'avais pas compris ta question dans ce sens-là sur Yahoo Groupes, je croyais que tu parlais de deux div de chaque côté et non d'un en-tête et un pied de page Là, je sèche, je l'avoue. J'entrevois quelques solutions avec les navigateurs modernes mais avec IE ça risque d'être galère, comme tu peux le voir là : http://www.alsacreations.com/blog/index.ph.../05/13/3-height Je me demande si ce n'est pas LA situation où un ch'ti tableau à trois cellules, sans rien dire à personne...

Pas gratuit mais très peu chers (4 euros environ), jolis et avec un code propre, j'aime bien Kooliss

Bonjour et bienvenue, Ton site passe également sans problèmes sous Explorer 5.2/Mac. Je ne sais pas si tu prévois de le garder dans la version définitive de ton site mais la mention "plan du site" dans la colonne de gauche me semble inutile : on voit bien qu'on est dans un menu. De plus, le souligné, les caractères et la couleur de cette mention, identique aux autres, laisse croire qu'il s'agit d'un lien et on essaie de cliquer en vain... Ah, encore un truc : si tu ne veux pas être envahi de spams, il faudrait que tu cryptes ton adresse mail. J'ai trouvé un tuto ici par exemple.

J'ai donc bien fait de finir ma phrase avec un point d'interrogation

Bonjour, Je vois que tu n'as toujours aucune réponse à ta question... peut-être pour la même raison que je ne t'ai pas répondu moi-même... Je n'ai en fait pas compris ta demande :-( En outre je ne suis pas sûre que tu aies choisi le bon fil de discussion (sous réserve du paragraphe ci-dessus) puisqu'ici on parle de (x)html et de css... donc a priori pas de frames ? Si tu pouvais nous donner l'adresse de cette page qui pose problème, nous comprendrions peut-être mieux de quoi il s'agit ?

A dire vrai elles sont surtout très différentes de Internet Explorer à TOUS les autres

Re-moi Pour que tu voies, j'ai mis en ligne ta page html sans y toucher et la feuille css en enlevant tous les paddings. http://kozlika.free.fr/test-moto/index_test.html [edit]Oups, pardon Voulf t'a donné une solution[/edit]

Bonjour Wanbli, Première piste : Internet Explorer et les autres navigateurs n'ont pas la même façon de calculer les dimensions. Par exemple si tu écris : .boite { width:100px; margin:10px; padding:10px; } La largeur totale de la boite sera de 100px pour IE et de 120px pour les autres navigateurs. Dans ta feuille de styles, si les pourcentages font bien 100% au total pour IE, il faut y ajouter les padding pour les autres, ce qui donne à ta page une dimension supérieure à 100%. un lien où on visualise ça

Un autre moyen (mais je ne suis pas certaine d'avoir compris la question) serait de faire une feuille de style externe avec tous les éléments communs et de styler dans le head des variables telles que la couleur du fond de page pour reprendre l'exemple.

Laurent Oui, je sais pour le wiki, j'y ai d'ailleurs déposé un thème ... et j'ai effectué quelques relectures ortho-typo dans la doc (parfois je me souviens de mon métier : je suis correctrice ) Mais je pensais à quelque chose de plus "visible" -- et plus incitatif du coup : un petit lieu d'expo, de visualisation des thèmes directement dans l'interface du site, et un forum ou autre procédé approchant permettant une aide à la mise en place/personnalisation de ces thèmes, et pourquoi pas élaboration d'un outil "faites-le vous même". Mais nous en sommes à l'avant-projet, rien n'est décidé. Si ça se révèle redondant nous laisserons tomber. Monique Ça n'a aucune importance, vraiment, ne te mets pas martel en tête pour si peu ! Vincent Réfléchis bien avant de te lancer, la dépendance s'installe très vite

Euh, ben non, moi c'est pas Chantal, c'est Anne... M'enfin c'est pas le plus important. Le plus important c'est que l'accueil est bien agréable. Les canapés ont l'air confortable, je vais rester un peu je crois ElMoustikoÇa m'intéresse : tu pourais m'en dire plus sur ce site qui propose des thèmes ? (en dehors du site de Dotclear bien sûr)