Kreestal
-
Compteur de contenus
48 -
Inscrit(e) le
-
Dernière visite
Tout ce qui a été posté par Kreestal
-
Bonsoir à tous! :-) Je me tourne une fois de plus vers les utilisateurs du Hub pour m'aider à fixer un problème que j'ai. La page où se pose le problème dans MSIE: http://www.aenemya.com/lookie.htm >> Dans Internet Explorer en effet, l'image de fond de la div #contenu, "pink.jpg", n'est pas fixée; du coup, quand le texte est plus long que la hauteur de l'image, IE fait défiler la div et son image d'arrière-plan avec elle. Dans l'autre navigateur que j'utilise, Mozilla Firefox, ce problème n'existe pas: l'image d'arrière-plan est bien fixée. D'où deux questions: 1 - existe-t-il une solution pour fixer cette image d'arrière-plan dans IE? 2 - Le même problème se pose-t-il dans d'autres navigateurs, et si oui, lesquels? Existe-t-il une solution pour chaque problème? A propos de la question 1, je viens de trouver un article sur le Web qui m'inquiète un peu: D'avance merci pour votre aide.
-
Bonsoir à tous ;-) J'aimerais utiliser ce modèle comme "base" pour un site sur lequel je suis en train de travailler. Malheureusement, dans Mozilla, la div #contenu (en mauve), n'est pas scrollable dans Mozilla avec la molette. Comment pourrait-on rétablir le scroll, qui permettrait une navigation plus agréable? Mon problème n'est pas de rendre toutes les divs scrollables, mais uniquement la div #contenu (en imaginant que la div #menu reste fixe!). En cherchant un peu, je suis tombée sur cet exemple, qui semble fonctionner quel que soit le navigateur, mais je n'arrive pas du tout à l'adapter à mon cas [désespéré???]. Si vous pouviez partager vos lumières avec moi, je vous en serai très, très reconnaissante! (Je me prends la tête sur ce problème depuis pas mal de temps...) Edit: j'ai oublié d'ajouter que l'idéal serait d'ajouter une image de fond qui resterait fixe, pendant que le contenu de la div #contenu serait scrollable, sans que l'image de fond ne bouge donc. (D'ailleurs, vaut-il mieux privilégier une image de fond dans <body>, ou une pour chaque div (#menu et #contenu)?)
-
Problème pour centrer verticalement en 800x600
Kreestal a répondu à Kreestal - Forum : (X)HTML et CSS
Edit: Je supprime le contenu de ce post, car j'ai résolu mon problème................ toute seule comme une grande _AT_v4np13: Merci de ta réponse et des liens vers les exemples Alsacréations! ;-) En effet, le premier que tu me conseilles est intéressant, mais j'ignore totalement comment l'appliquer à mon cas... -
Problème pour centrer verticalement en 800x600
Kreestal a répondu à Kreestal - Forum : (X)HTML et CSS
Hello Thierry, Merci énormément pour ces nouvelles indications. J'ai essayé ce que tu m'as conseillé de faire uniquement avec les items "News" et "Galerie", mais en n'utilisant que h1 pour les deux divs, cela ne fonctionnait pas; il y en avait toujours une qui ne s'affichait pas. Donc j'ai "donné" du h1 à #news et du h2 à #galerie, et cela a l'air de fonctionner (edit: sauf dans IE!). Je vais essayer avec les autres items de menu et d'autres h, je posterai ici si ça ne fonctionne pas. Voir ce que ça donne. Je n'ai pas su, en revanche, où je dois intégrer les divs que tu me conseilles, à savoir celle qui doit contenir le titre du site, et celle qui doit contenir sa description. Avant #oxalys j'imagine?... Sinon, dernière question pour aujourd'hui: au hasard, j'ai voulu regarder ce que donnerait une validation W3C pour ce que j'ai fait, mais il y a visiblement une erreur au niveau des h1 et h2. L'ai-je bien écrit? Au fait, n'étant pas l'infographiste sur ce coup-là, je n'ai pas pu faire en sorte que l'image de fond qui devrait être sans texte n'ait pas de texte. Mais comme la div #news est placée au-dessus de l'item "News" de l'image de fond, ça n'a pas l'air de poser problème... (si?) D'avance merci _AT_Dudu: merci pour ta réponse! ;-) J'ai essayé de suivre tes conseils (je dis bien: essayé ) et voilà ce que ça donne: j'ai précisé ce que devait être <a> dans la div #news; cela fonctionne, à ceci près que l'on voit (en tout cas, moi je le vois), le trait de soulignement du texte... Est-ce normal? -
Problème pour centrer verticalement en 800x600
Kreestal a répondu à Kreestal - Forum : (X)HTML et CSS
Bonjour Thierry :-) Merci pour les nouveaux éléments que tu m'apportes. Je préfère exclure d'emblée la solution des tableaux; pas que je sois sectaire, mais je ne veux pas baisser les bras à la première petite difficulté (surtout que ce n'est pas la première ). Donc, go for CSS. Je débute dans le domaine, certes; mais je suis réellement animée par la volontée de comprendre la logique du XHTML et du CSS et, c'est bien connu, c'est en forgeant qu'on devient forgeron. Donc pardonne à la padawan que je suis ses erreurs de débutante. ;-) Comme tu l'as vu dans ma CSS, cette page d'accueil se compose de cinq div, dont trois servent précisément à présenter les images sur la page. En lisant ta réponse, j'imagine donc que je dois créer autant de div que d'images (?), et préciser leur image de fond à chacune dans leurs propriétés propres, dans ma CSS. Seulement, ce que je n'arrive pas à piger, c'est comment tu intègres un lien sur ces images si elles sont en image d'arrière-plan d'une div? Gifs transparents (pitié non)? D'avance merci pour tes explications, elles me sont très précieuses, et en plus tu es super clair. Edit: J'ai modifié ma page selon tes conseils: Voir ce que ça donne Je suis contente, en effet c'est plus précis comme ça. Je ne veux plus centrer verticalement, tu as raison, ça ne sert à rien. J'ai juste mis une marge de 50px, comme ça, ça rend bien, et on voit tout en 800x600. Cependant, la question principale demeure: "comment tu intègres un lien sur ces images si elles sont en image d'arrière-plan d'une div?" Parce que mon menu ne me sert à rien là si on peut pas cliquer dessus -
Problème pour centrer verticalement en 800x600
Kreestal a répondu à Kreestal - Forum : (X)HTML et CSS
Bonjour Thierry, Merci pour ton aide! ;-) J'ai essayé ta méthode, cela marche, cela centre bien verticalement, mais en 800x600, je suis toujours confrontée au même problème, c'est à dire: une partie supérieure de la div qui "disparaît". Ma première CSS a été conçue en fonction des conseils d'Alsacréations. Et dans leur exemple, leur div centrée fait 700px de longueur et 400px de longueur; en effet, en 800x600, cela apparaît nickel chrome, rien ne dépasse. Mais 700x400, c'est tout petit Mais enfin, je vais essayer de réduire mes images; après tout, au webdesigner de s'adapter... Je suis un peu déçue quand même qu'il n'y ait pas de solution à ce problème si je voulais, par exemple, conserver mes images comme elles sont, sans que la partie supérieure de ma div disparaisse... -
Bonjour jeroen, Wow, merci, ça fonctionne nickel maintenant!! Merci merci merci!
-
Bonjour! Je poste à nouveau pour un problème un peu différent cette fois qui se trouve sur la page suivante: Problème d'alignement de div Le problème concerne la partie de gauche; la bande noire est en fait la div #gauche, qui, en son sein, contient deux autres div: #menu et #promo. #menu: le but est que cette div se trouve toujours à 5% du haut de la page. #promo: le but est que cette div se trouve toujours à 80% du haut de la page. Or, j'ai essayé avec les position:absolute, position:relative, et position:fixed, mais y'a toujours quelque chose qui ne va pas. Soit ces deux div se chevauchent, soit elles se suivent directement; j'ai l'impression que les pourcentages ne sont pas pris en compte (ou, et c'est probable, je les ai mal utilisés). Quelqu'un saurait-il m'apporter une solution pour que les div #menu et #promo s'affichent comme je le souhaite? D'avance merci ça doit être relativement simple, mais je n'y arrive pas
-
Comment obtenir #footer tjs au + bas de la page?
Kreestal a répondu à Kreestal - Forum : (X)HTML et CSS
Bonjour paul22! Merci pour ta réponse! [Mon sujet a eu un de ces succès, ça fait peur ] En fait, entre temps, j'ai réussi à régler mon problème, grâce à une âme charitable. Donc voici la solution: <style type="text/css"> /* CSS issu des tutoriels css.alsacreations.com/ */ body { font-family: Trebuchet MS, Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; background-color:#000000; height: 100%; } html {height: 100%; } #conteneur { position: relative; width: 100%; height: 100%; background:#000000 url("images/menu.jpg") no-repeat; } #centre { margin-left: 235px; height: 100%; background:#000000 url("images/conteneur.jpg") no-repeat; overflow: auto; } #gauche { position: absolute; left:0; width: 235px; } #pied { position:absolute; height: 18px; background:url("images/footer.gif") repeat; bottom:0; width: 100%; } p {margin: 0 0 0 0;} </style> Edit: je ne peux plus éditer mon premier message? J'aurais voulu inscrire "[Résolu]" dans le titre... -
Bonjour à tous! Je suis en train de travailler sur un site. Ce site se composera de deux pages, la page d'accueil, et la page où s'affichera le contenu. Je travaille actuellement sur la page d'accueil. Vous pouvez voir où j'en suis ici: Avancement des travaux Comme vous le constaterez immédiatement, la div #conteneur est centrée horizontalement et verticalement. C'est précisément le centrage vertical qui me pose problème: si vous avez Web Developper, cliquez sur "Resize" >> "800x600", et qu'obtenez-vous? La partie supérieure de la div #conteneur qui "disparaît". J'imagine que c'est dû à un problème de marges... Mais débutant dans le domaine, je ne comprends pas quel est le problème. Que changer pour que la div #conteneur s'affiche complètement, et non pas tronquée, même en 800x600, tout en conservant les alignements horizontal et vertical? D'avance merci!
-
Bonsoir à toutes et à tous Je suis en train de travailler sur un site conçu d'après ce modèle. Seulement je veux rajouter un footer qui fasse toute la largeur de la fenêtre et qui se trouve toujours au plus bas de la page, quelle que soit la résolution d'écran. J'ai donc modifié la CSS de base comme suit: Voici ma CSS: <style type="text/css"> /* CSS issu des tutoriels css.alsacreations.com/ */ body { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; background-color:#000000; } #conteneur { position: absolute; width: 100%; background:#000000 url("images/menu.jpg") no-repeat; } #centre { margin-left: 235px; height: 100%; background:#000000 url("images/conteneur.jpg") no-repeat; overflow: auto; } #gauche { position: absolute; left:0; width: 235px; } #menu { position:fixed; left:10px; top: 5%; width:200px; height:60px; color: #FFFFFF; } #pied { height: 15px; background-color: #FFFFFF; } .menugauche { list-style-type: none; margin: 0; padding:0; } .menugauche li { margin-bottom: 5px; } .menugauche a { margin: 0; color: #FFFFFF; text-decoration: underline; } .menugauche a:hover { text-decoration: none; } .conteneur { margin-left: 200px; padding-top: 50px; padding-right: 10px; padding-bottom: 30px; color: #FFFFFF; } .pied { font-size: 0.7em; color: #DE7B5D; text-align: left; margin: 0; padding:1px; } p {margin: 0 0 0 0;} </style> Voici ce que j'obtiens: La div #pied (en blanc) ne se met pas automatiquement en bas de la page en 1280x1024 (c'est à dire, je voudrais qu'elle se mette automatiquement au-dessus de la barre d'état!). Je voudrais qu'elle se trouve systématiquement au plus bas de la page affichée, quitte à "forcer" la div #centre à s'allonger même sans texte. (=même sans texte suffisant qui "pousserait" la div #centre jusqu'à #pied) Petite précision: - pour les grandes résolutions: En obtenant une telle div #pied, on est bien d'accord que non seulement cela "obligera" la div #centre à s'agrandir, mais aussi la div #gauche! - pour les petites à moyennes résolutions: En obtenant cette div #pied, si le contenu de la div #centre est plus long que l'écran, j'imagine qu'on obtiendra un scroll sur la div #centre. [Phiou, c'est pas gagné mon affaire ] Dites-moi si je suis claire D'avance merci pour votre précieuse aide!
-
Bonjour Niconemo, Argh, c'est bien ce que je craignais. J'ai bien essayé de mettre une image de fond PNG transparente dans #conteneur, mais ça ne fonctionne pas (mais je dois mal m'y prendre, car j'ai Mozilla, et même là le PNG s'affiche sans transparence). Bonjour kilo, J'ai essayé ton conseil, mais ça ne donne pas le résultat escompté. Merci pour le compliment Bon... Je suis coincée. Si quelqu'un a une autre idée, qu'il n'hésite pas à la poster ici! D'avance merci!
-
Héhé coucou Anaon _AT_Dudu: ton conseil semble ne pas fonctionner malheureusement J'y ai cru, mais non: je te laisse voir par toi-même J'ai essayé ton code: #gauche, #droite, #centre, #pied {opacity: 1} [(même s'il me semble qu'il manque un ";" ] ça ne marchait pas mieux. Donc j'ai essayé comme ça: #gauche, #droite, #centre, #pied {-moz-opacity:1;opacity: 1;filter:alpha(opacity=100);} Mais ça ne marche pas mieux... D'autres idées s'il vous plaît? D'avance merci à tous!
-
Bonjour Remi, Je pense que la création d'une page de "partenaires" sur un site non commercial a également un intérêt -- peut-être moins marqué que sur les sites commerciaux, car il ne rapporte pas d'argent -- mais il est très utile pour guider les visiteurs de ton site les plus fidèles (c'est à dire ceux qui visitent souvent et attentivement ton site pour cliquer sur le lien "Nos partenaires" et éventuellement visiter les sites desdits partenaires) vers des sites que tu juges, en tant que webmaster, très proches de ta propre éthique et du contenu de ton propre site. Cela met en exergue, dès la première page de ton site, les liens qui existent entre tes partenaires et toi, plus forts que les liens qui existent entre les sites vers lesquels tu as créé un lien dans ta rubrique "Liens", et toi. Certes, cela ressemble à un effet d'annonce si on considère que tu peux tout autant faire une rubrique "Nos liens préférés" dans ta page de "Liens", mais cela peut être pratique si tu as un partenariat avec un site proche du tien, tant par les thèmes que dans son discours, ayant plus de visiteurs que le tien, et que ton lien y est mis en valeur justement par ta qualité de "partenaire". Et pour répondre à ta question, si je vois une page "Partenaires" sur un site non commercial, et que les descriptions de ces liens me plaisent, oui, en général je vais les visiter.
-
Désolée, j'ai employé le mauvais terme (Décidément les boulettes aujourd'hui ) Super le code, je pense aussi que ça devrait marcher! J'essayerai ça ce soir, et bien sûr je te dirai si ça fonctionne. Merci
-
Salut Dudu! Merci pour ta réponse! ;-) (Oui, en effet, y'a visiblement eu une légère incompréhension entre eux...) Ma question est toute simple en fait: comment faire en sorte que tout ce qui est contenu dans la div #conteneur (sauf la div#conteneur elle-même, puisque la transparence de sa couleur de fond est précisément l'effet recherché) ne soit pas transparent?... Si je mets une couleur de fond aux div concernées, elle sera transparente aussi, vu l'héritage (toutes les div concernées sont situées entre les balises <div id="conteneur"></div>). - L'héritage des attributs de la div #conteneur est-il contournable? Si oui, comment? - Si non, y a-t-il une solution pour préciser que le contenu des autres div ne doit pas être transparent? - Si aucune solution n'existe, trouvez-vous gênant que le texte du site soit transparent à 50%? (moi oui ) D'avance merci Edit: _AT_Dudu: en fait, certaines des div concernées ont déjà une couleur de fond: #centre, #header... Or, elles sont transparentes. Il faudrait trouver une autre solution.
-
Bonjour à toutes et à tous Depuis quelques jours je passe mes nuits sur le net à la recherche de tous les topics qui concernent la transparence des div. J'ai trouvé ce topic sur Alsacréations, qui m'a été fort utile. Vous pouvez voir un exemple de ce que j'ai fait ici. (C'est tout moche, mais ce n'est qu'un essai! ;-) ) Comme vous le voyez, la div #conteneur est rendu transparente à 50% grâce à la css. Cependant, comment faire en sorte que le contenu des div #haut, #gauche, #centre et #pied échappe à l'héritage de la div #conteneur, et donc n'apparaisse pas transparent à 50%? D'avance, je suis désolée si la réponse a déjà été donnée (ou si elle est évidente), vous avez tout à m'apprendre. Edit: si mon sujet est posté dans la mauvaise catégorie, je remercie d'avance les modérateurs de bien vouloir le déplacer. Merci pour vos réponses!
-
Merci beaucoup, je vais essayer! _AT_Dan: je me pencherai aussi sur votre tutorial!
-
Bonjour! Je me permets de m'immiscer dans votre conversation passionnante! En ce qui me concerne, j'ai appliqué le .htaccess que tu as mentionné, davidm. Seulement saurais-tu comme afficher une image type "don't steal my bandwith" à la place de l'image que quelqu'un voulait "hotlinker" sur son propre site?Si non, où dois-je m'adresser pour trouver la solution? J'ai cherché sur plusieurs forums, et j'ai fait plusieurs recherches sur le Hub (qui m'ont menée à ce sujet), mais je ne trouve pas de réponse à ce problème (pourtant, je connais des sites chez qui c'est le cas). D'avance merci pour toute aide apportée!
-
Merci pour les liens précieux, en effet j'y ai appris quelque chose de positif! Quant au javascript, si, il est activé, c'est bien ça qui me chiffonne...
-
Merci... Mais es-tu vraiment objectif?
-
Bonjour Dan! Merci pour ta réponse! Oui tu as raison, faudrait que je définisse une css par défaut... mais c'est là où le bât blesse en fait, vu que ma css par défaut est conçue pour du 1024x768 ou supérieur. Que dois-je faire? L'insérer quand même sur chaque page, puis insérer l'include de javascript? Salut Dash! Ah oui, avec Firefox ça fonctionne? Chez moi non Pour les javascripts, tu as sûrement raison... L'anti clic droit c'est surtout pour protéger mes textes et mes images... Car on pille régulièrement mon travail. Quelle autre solution me suggesterais-tu pour empêcher ce pillage sans interdire le clic droit?
-
Bonsoir! Mon pseudonyme est Kreestal et je suis la webmastrice du site La Lune Mauve.org. Par pitié, n'allez pas sur mon site tant que vous n'avez pas lu mon message: je risquerais de mourir de honte. Je pensais avoir rendu mon site 'accessible' (je ne sais pas si c'est le bon terme) pour les visiteurs ayant une résolution de 800x600 en utilisant un javascript de redirection de CSS, le voici: <script LANGUAGE="JavaScript" type="text/javascript"> <!-- // Debut 640*480 if (screen.width <= 640) { fichier = 'http://www.lalunemauve.org/styleb.css'; } // Fin 640*480 // Debut 800*600 else if (screen.width <= 800) { fichier = 'http://www.lalunemauve.org/styleb.css'; } // Fin 800*600 // Debut 1024*768 else if (screen.width <= 1024) { fichier = 'http://www.lalunemauve.org/style.css'; } // Fin 1024*768 // Debut plus 1024 if (screen.width > 1024) { fichier = 'http://www.lalunemauve.org/style.css'; } // Fin plus 1024 document.write('<LINK HREF="'+ fichier + '" REL="stylesheet" TYPE="text/css">'); //--> </script> Ce javascript est placé dans l'include "scripts.txt", placé dans le <head> de la page "astre.php". En affichant la source de la page "astre.php", on le voit d'ailleurs s'afficher correctement. Par contre, en affichage normal, quand je bascule en résolution 800x600, dans Mozilla Firefox 1.0, la page ne s'affiche pas telle qu'elle devrait s'affiche selon ma CSS spécialement conçue pour la résolution 800x600. Note: je suis en pleine mise à jour de mon site, donc il est normal que presque tout déconne... Par exemple, j'ai conscience que la CSS "styleb.css", destinée à la résolution 800x600, soit erronnée en pleins d'endroits, vu que je n'ai modifié pour le moment que les divs "conteneur_astre" et "frame_astre" spécialement pour tester ce javascript de redirection sur la page "astre.php" Je voudrais donc savoir comment faire pour que dans Mozilla, Netscape et autres navigateurs que IE, la page "astre.php" (et plus tard toutes les autres pages, quand j'aurais fini de mettre le site à jour correctement) s'affiche avec la css 'styleb.css" conçue pour la résolution 800x600 (la css "style.css" étant la css destinée aux résolutions 1024x768 et plus). D'autant plus que dans IE cela semble fonctionner... En résumé: à l'aide! D'avance merci beaucoup pour toute suggestion me permettant peut-être de résoudre ce problème... k.