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...