-
Compteur de contenus
4 579 -
Inscrit(e) le
-
Dernière visite
Tout ce qui a été posté par Monique
-
Oups... il est beaucoup plus facile de la servir en "vrai"
-
Débutant propose son 1er site perso
Monique a répondu à cyclorion - Forum : Le salon de Webmaster Hub
Bonjour cyclorion et bienvenue sur le Hub Hum... si tu ne veux pas rester à l'usine, il faudrait au moins faire connaître l'adresse de ton site Il te suffit de l'ajouter dans ton profil. -
Cmic, je n'ai pas trouvé ton lien "More" Par contre, en cliquant sur "Annuaire" dans le menu en haut de la page, on obtient des résultats avec uniquement les sites repris dans DMOZ Quant à la page "Dissatisfied", j'ai l'impression qu'elle va servir beaucoup !!!
-
Cette fois, c'est tout bon dans Mozilla et FireFox mais il reste un décalage dans Opera...
-
Bonjour, Bien mal alors Je n'aime pas non plus... je trouve que c'est du travail baclé ! Une interface minimaliste, je suis pour mais cela n'exclu pas un peu de recherche au niveau des couleurs.
-
Bonjour, C'est un problème de largeur de tes blocs, qui devrait être résolu en utilisant des unités relatives (%), ce qui réglerait aussi le problème d'affichage dans Mozilla. Essaie ceci : .main {position: relative; left:20%; height: 100%; width: 75%; font-size: <? echo $text_size?>px; background: <? echo $main_background_color?>; padding: 40px 40px 20px; border: 2px <? echo $main_border_color?>; border-style: none solid; margin-left: -130px} margin-left: -130px je ne comprends pas son rôle... essaie en le supprimant .heading {width: 100%; padding: 10px 0px 15px; border-bottom: 1px solid <? echo $highlight_border_color?>} .heading_path {font-size: <? echo $text_size?>px; padding-top: 5px} et le même principe pour les autres blocs contenu dans main PS : ce n'est pas pour un backlink
-
Bonjour, Pour une image de fond fixe, il convient d'utiliser ce style body { background: url(hub.gif) fixed; }
-
Réflexion sur les difficultés rencontrées avec CSS
Monique a répondu à LaurentDenis - Forum : (X)HTML et CSS
Bonjour, Ceux qui ont l'habitude de lire le carnet de Karl Dubost connaissent son amour des mots et sa manière extraordinaire d'en jouer... voilà qu'il y ajoute les odeurs (dommage que la technique de transmission des odeurs par le Net n'est pas encore au point...). Dans son dernier billet, CSS, feuille de style normande, il invite lui aussi à une réflexion sur l'utilisation des feuilles de style. -
Bonjour, J'aime beaucoup le graphisme. Il me semble cependant que la zone des résultats gagnerait à se distinguer du reste de la page. C'est la plus importante, elle devrait donc attirer immédiatement le regard alors que ce sont les liens Google avec leur fond grisé qui sont perçus en priorité (mais peut-être est-ce voulu...). Il y a un problème d'affichage avec Mozilla/FireFox et Opera. Je n'ai pas le temps d'analyser en profondeur, mais un rapide examen avec l'Inspecteur DOM désigne les blocs main, heading, search, pages, links
-
Bonjour muskrare et bienvenue sur le Hub Tu veux être en paix avec le W3C... un bon point Mais rassure-moi : les pages de ton site seront accessibles aussi à ceux qui ont désactivé JavaScript ou n'y ont pas accès (comme les non-voyants qui utilisent un navigateur vocal) ? Pour obtenir un formulaire accessible et valide, tu trouveras toutes les explications dans ces deux articles sur Openweb : - Utilisation des formulaires - Bien valider ses formulaires avec Javascript
-
Bonjour Bot, et bienvenue sur le Hub ... à un compatriote (je suis de la région de Mons)
-
Bonjour, Voilà deux sources d'information : - Réaliser un moteur de recherche interne en PHP - Moteur de recherche avec swish-e
-
Je Cherche un mod html ajout commentaire
Monique a répondu à Bill - Forum : Le salon de Webmaster Hub
Bonjour Bill, Oui, bien sûr, c'est possible... mais tu dois faire appel à un script php. Il faut donc que ton hébergeur t'y autorise. -
Réflexion sur les difficultés rencontrées avec CSS
Monique a répondu à LaurentDenis - Forum : (X)HTML et CSS
Bonjour Laurent, Question intéressante, et probablement dérangeante... Il n'y a pas bien longtemps que j'ai commencé à penser à une page de cette manière. Je suis maintenant convaincue de son intérêt, elle permet d'exploiter toute la puissance d'un des avantages du couple (x)html/css souvent mis en avant : la facilité de maintenance ou de modification de l'apparence d'une page... le principe de l'expérience de zengarden en est un bel exemple Mais le web est un mode d'expression essentiellement visuel. Cette approche me semble difficile, parce que pas naturelle. Pour ma part, c'est ma découverte de l'accessibilité du Web aux non-voyants qui m'a fait prendre conscience de l'importance de présenter et structurer le contenu de manière logique. -
Doug, comment définis-tu tes blocs dans la feuille de style ? height, width, position... ?
-
Bonjour, En tant qu'image de fond, ce n'est pas possible. Par contre une possibilité lors de l'insersion d'une image : utiliser des valeurs relatives pour l'image à l'aide des css. Une démonstration sur cette page Elastic Design Demonstration, où il suffit de modifier la taille du texte pour observer le comportement des différentes images. Ce style .image { width: 30em; height: 15em; margin: 0 2em 1em 2em; border: 1px solid #ccc; } est attribué à la première image.
-
Bonjour martin, J'apprécie vraiment ta réactivité ! Voilà un professionnel de la création Web attentif aux standards de plus
-
Bonjour Doug, et bienvenue sur le Hub Je pense que tu veux parler de la propriété overflow. Par exemple, ce style fera apparaître un ascenseur vertical si le texte est trop long .block2 { height: 200px; overflow: auto; } Pour plus de détails : - Eviter les frames et iframes grâce aux CSS - Overflow avec fond fixe en CSS
-
Bonjour ksper92 et bienvenue sur le Hub Tu peux sans problème attribuer une image de fond à un élément via ta feuille de style et lui attribuer différentes propriétés selon l'effet recherché. Par exemple, avec ce style, le logo du Hub serait centré horizontalement et répété verticalement body { background: url(hub.gif) repeat-y center; } Tout dépend de la nature de ton image, de sa taille... Le mieux est bien sûr que tu nous donnes un exemple.
-
Bonjour Bug et bienvenue sur le Hub Il a bien fait d'aller habiter Marseille alors, notre administrateur-chef
-
Bonjour, Pour comprendre le principe, et partir sur de bonnes bases, rien de tel que de décortiquer quelques exemples : - glish.com - la-grange.net - bluerobot.com J'ajoute cette page de liens particulièrement riche : wikini.net
-
Bonjour llagarde, Le but premier des balises hx, p... est de structurer le contenu d'une page dont la mise en forme sera assurée par une feuille de style (css). Contrairement à ton impression, l'utilisation adéquate de html/css augmente la lisibilité et l'accessibilité d'une page (si tu rencontres des difficultés à ce sujet, n'hésite pas à poser des questions dans le forum HTML & CSS). Une conséquence logique de cette manière de travailler, c'est d'obtenir une page optimisée pour un meilleur référencement : le travail des robots des moteurs de recherche est facilité. Les balises hx par exemple, désignent leur contenu comme important. Effectivement, la plupart des forums (comme le Hub) font appel à une mise en page par tableaux où les balises hx sont rarement utilisées
-
Bonjour martin, bienvenue sur le Hub J'ai jeté un coup d'oeil à tes créations... j'aime beaucoup le graphisme J'ai un regret cependant, tu sembles un peu brouillé avec les standards
-
Bonjour, Ma remarque n'était pas un reproche, Sibelius, au contraire Je pense que c'est une bonne occasion de se rappeler (ou de découvrir) la véritable signification des balises les plus couramment utilisées : hx, p, ul, table... et de les utiliser à bon escient. C'est l'occasion aussi de (re)découvrir des balises trop peu utilisées, quelques exemples : <address> pour donner des informations de contact - par défaut, le texte est généralement en italique <blockquote> pour une citation longue (type bloc) - par défaut, le texte est généralement présenté en retrait (d'où l'utilisation abusive fréquente de cette balise) <q> pour une citation courte (type en-ligne) ne nécessitant pas plusieurs paragraphes <dl> liste de définition, <dt> terme de définition (type en-ligne), <dd> description de la définition (type bloc) - à lire Les listes de définitions : mal utilisées ou mal comprises sur pompage.net <ol> liste ordonnée - les items de la liste sont numérotés <pre> texte préformaté - généralement, les blancs sont respectés, une police à chasse fixe est utilisée, les retours à la ligne automatiques sont désactivés <fieldset> permet de regrouper des commandes et labels d'un formulaire et de le rendre plus accessible A toujours avoir à sa disposition : la liste des éléments avec un renvoi vers leur description dans les spécifications du W3C
-
Bonjour Laurent, Bienvenue sur le Hub Je suis particulièrement heureuse de te retrouver ici ! Les problèmes liés à l'utilisation d'images en background dans une feuille de style ont déja soulevé bien des discussions... Pour information, je vais quand même citer les ruses en question (en anglais). - un article de Dave Shea (mezzoblue.com) In Defense of Fahrner Image Replacement - un article de Seamus P. H. Leahy Image ReplacementNo Span