Anaon
-
Compteur de contenus
92 -
Inscrit(e) le
-
Dernière visite
Tout ce qui a été posté par Anaon
-
En fait maintenant, j'aimerais bien que la div des sous-menus ("A La Une" et "Archives") chevauffe la div du contenu (en vert foncé). D'ailleurs, cette div de contenu, elle est en "float:left" mais du coup, je ne sais pas bien comment elle se comporte horizontalement, sur mon petit écran, elle est à peu près centrée mais sur un écran à haute résolution
-
Et bien je voudrais qu'elle défile aussi. Je crois que j'ai trouvé dans l'ensemble, ça donnerait quelque chose comme ça (les couleurs sont volontairement moches pour m'y retrouver )
-
Je viens de mettre en ligne la page et sa feuille de style à cette adresse Pour ce qui est du menu fixe à droite, ça fonctionne très bien sous Mozilla mais impossible de retrouver l'ascenseur dans IE Sinon, à part ça, je voudrais donc rajouter une entête, tout en haut logiquement... A noter qu'il y a des éléments css sur la page html elle-même...
-
Bonjour, Merci pour ton aide le problème, c'est que le header se trouve fixé lui aussi.... C'est même bête tout ça... Je ne sais plus comment on fait sans position absolue...
-
Malheureusement, je n'ai rien en ligne pour l'instant, sinon j'aurais mis l'adresse. Le code sur lequelle je travaille en ce moment est le suivant: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Magmor V7</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.php" /> <style type="text/css"> body, html { height: 100%; margin: 0; padding: 0; } html { overflow: visible; } body { overflow: auto; } #menu { position:absolute; top :150px; left: 50%; margin-left: 330px; text-align:left; } ul[id=menu] { position: fixed !important; } html > body { overflow: visible !important; } #menu li a:link, #menu a:visited { background-position: 0% 50%; padding-left: 15px; } </style> </head> <body> <div id="conteneur"> <h1>nanoum.net</h1> <ul id="menu"> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> <li>Pouet pouet</li> </ul> <div id="header"><h3>page de test<span>jeudi 28 octobre 2004</span></div> <div id="contenu"><h3>page de test<span>jeudi 28 octobre 2004</span></h3> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse elementum metus eu urna. Nullam molestie ornare magna. Nam auctor sodales tortor. Vivamus porta neque a wisi. Pellentesque risus justo, suscipit eget, ornare ac, blandit sed, neque. Vestibulum nec odio. Aliquam augue wisi, facilisis eget, congue ac, interdum vitae, risus. Nullam dapibus blandit sem. Curabitur porta. Ut nonummy. Vivamus wisi mi, pharetra id, vehicula ac, laoreet at, wisi. Nulla et diam sit amet neque porta consequat. Etiam sagittis odio ut mi. Fusce molestie, eros sed ultrices auctor, ante sem tincidunt justo, eget porttitor nulla justo quis odio. Nullam rhoncus metus non nulla. Quisque in ligula. Vestibulum sapien. Suspendisse potenti. Duis purus orci, vehicula in, luctus eu, tincidunt ut, enim. Nam diam. </p> <p> Pellentesque eget velit non ante pulvinar mollis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut luctus eros. Nam auctor malesuada dolor. Etiam pretium magna tempor urna. Pellentesque at mi nec velit dictum laoreet. Etiam eget odio non nisl sodales gravida. Duis metus lectus, dapibus et, pulvinar sit amet, consectetuer eu, metus. Nunc vestibulum ultrices erat. Nullam non augue. <br /> Vestibulum malesuada vulputate tellus. Pellentesque felis dui, ullamcorper a, aliquet ac, mattis molestie, purus. Aliquam sed tellus sit amet odio imperdiet venenatis. Ut gravida. Etiam ultrices ornare quam.</p> </div> <div id="pied"></div> </div> </body> </html> Et la css: body { color: #cccccc; background: #000000 url(images/body.jpg) fixed; text-align:center; font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:0.8em; } #conteneur { margin-left:50px; width:750px; background-color: Aqua; } #pied { background-image:url(img/pied.png); height: 33px; } ul, li, form, body, h2, h3, h4 { margin:0; padding:0; } img { border: 2px; border-color: Green; } ul { list-style-type:none; } /*..............................................................*/ #header { background-color:orange; height:140px; } #menu { background-color:#920000; text-align:right; margin-left:750px; width:120px; } #menu a:link, #menu a:visited { height: 20px; text-decoration: none; color: #565656; background-image:url(img/puce_off.png); background-position: 100% 60%; background-repeat: no-repeat; padding-right: 15px; line-height:inherit; display:block; } #menu a:active, #menu a:hover { background-image:url(img/puce_on.png); } /*................................................................ TITRES*/ h1 { display:none; } h2 { height: 36px; background-repeat: no-repeat; background-position: 0 0; text-indent: -2000px; } /* ____________________________________ article */ #contenu { top:140px; margin: 0px; width: 740px; text-align: justify; height:1000px; background-color: Gray; } h3 { background: url(img/pointille.png) repeat-x 0px 17px; /*background:#cccccc;*/ padding: 0 0 0 5px; font-size:1.2em; margin: 20px 5px 0 5px; height:35px; line-height:1.1em; } #contenu h3 a:link, #contenu h3 a:visited { text-decoration:none; color: #000000; } #contenu h3 a:hover, #contenu h3 a:active { text-decoration:none; color: #666666; } h3 span { font-size:0.6em; font-weight: normal; color: #949494; padding-right:4px; display:block; text-align:right; } #contenu h4 { font-weight: bold; text-decoration:underline; margin: 0px 10px; } #contenu p { margin: 10px; } #contenu a:link, #contenu a:visited { color: #cc0066; text-decoration: none; } #contenu a:hover, #contenu a:active { color: #cc0066; text-decoration: underline; } #contenu em { font-style: normal; color: #A64253; } form p { margin:0; padding:0; } #contenu form { width: 400px; margin-left:30px; text-align:center; } #contenu textarea { width: 350px; height:100px; margin:2px; } #contenu fieldset input { float: right; width:200px; margin:1px; } input, textarea { border:1px solid #aaaaaa; } #contenu fieldset { margin:0 22px 5px 22px; padding:0; border: 1px solid #ffffff; text-align:left; } #contenu fieldset label { line-height:24px; } /* ____________________________________ liens */ #liens { margin:10px; } #liens ul { margin-left:20px; } #liens p { margin:0 0 5px 10px; padding:0; } Mais c'est tellement anarchique pour l'instant que ça ne doit pas vous dire grand chose...
-
Bonjour, Pas facile de contenter et Mozilla et IE... C'est même un vrai casse-tête... Je voulais faire un truc qui me paraissait simple, à savoir, faire une page avec un menu fixe à gauche, en haut, et peut-être un autre en bas, à droite, toujours positionné en bas, fixe aussi. Mais alors IE ne reconnaît pas le position:fixed Bon alors j'ai finalement trouvé comment contourner cette lacune mais le fait est que maintenant, je ne peux plus utiliser les position:absolute... C'est tout bête mais du coup, je n'arrive pas à mettre en place une entête de 140px de hauteur disons, avec en dessous le contenu, qui défile suivant la quantité de texte. Vous voyez le genre? Est-ce possible sans les positions absolues? Merci beaucoup
-
Oups je me suis mal exprimé mais ma question est bête, enfin avec toutes les différences IE/Autres navigateurs, je ne sais plus... Je parlais simplement d'une petite div placée en haut à gauche (pour un menu par exemple) et qui resterait fixée en haut à gauche, même quand descend l'ascenseur de la page pour faire défiler le contenu. En fait, c'est exactement le type de gabarit qu'il me faut...
-
Alors j'ai pu essayer un peu et il semblerait que ce soit bien ça mais ça provoque un drôle de comportement à l'image de gond... Et le texte tend à dépasser de sa div... Je crois que je vais faire plus simple mais j'aurais juste une question, IE prend bien en compte les div fixées non?
-
Ah génial, merci beaucoup Je vais regarder ce qu'il en est
-
En fait j'avais trouvé il y a quelques temps une solution avec display:table-cell mais impossible de retrouver exactement la façon dont on utilise cet attribut...
-
Bonjour, Voilà quelques jours que je me documente et que je fais des essais, sans grand succès pour l'instant. L'objectif? Avoir une div qui fasse toujours 100% de la fenêtre en hauteur, avec un ascenseur si besoin est. En fait j'aimerais utiliser ce modèle : http://css.alsacreations.com/modeles/modele11.htm Et faire en sorte que la partie mauve soit toujours aggrandie et que le footer soit en bas. Voyez-vous ce que je veux dire? Pour l'instant, j'ai l'impression que le "overflow:auto" de la div mauve empêche le bon fonctionne du code pour l'affichage en 100% de hauteur. height: auto !important; height: 100%; min-height: 100%; Pensez-vous que ce que je souhaite faire est possible ou pas? Histoire de ne pas chercher en vain Merci beaucoup
-
Bonjour, Excusez-moi de ressortir ce vieux sujet mais je me demandais s'il n'y avait pas par hasard de nouvelles méthodes pour parvenir à ce qu'une div fasse 100% de la fenêtre, quelque soit la taille de cette fenêtre... J'ai lu pas mal d'article mais sans succès... Y-a-t-il une solution ou une alternative? Merci beaucoup...
-
Ah oui je n'ai pas été très précis, 1000 excuses. En fait je suis sous Mozilla, adsl... Parfois, je visite des sites qui ont le même problème et qui sont en général, disons très très mal foutus, donc je me pose des questions quant au mien... Et le fait que Nedstat mette cet énorme pop-up de pub me gêne... Ca doit être la css alors, il faudrait que je l'allège...
-
Bonjour, J'ai fait une recherche, sans succès. Je m'aperçois que la barre de défilement de mon site (http://www.magmor.org) est parfois capricieuse, elle descend et monte avec difficulté... Sauriez-vous à quoi c'est dû? Un mauvais placement des divs par exemple? Merci d'avance
-
Bonjour et bonne année Je n'avais pas vu vos réponses mais merci je comprends mieux pour le hover, effectivement, c'est de toute façon pas très grave
-
Bonjour, J'ai donc corrigé ce qui n'allait pas avec le PNG transparent mais je m'aperçois que IE ne prend pas en compte mon "hover" appliqué à mon attribut "p1", normalement un fond noir apparaît derrière le texte quand on le survole... Bizarre...
-
Bon et bien au moins, ça m'a permis de trouver la solution, les liens ne s'affichent pas sous IE à cause de ce filtre... En fait, c'est l'attribut "scale" du filtre qui fait que les liens ne s'affichent pas, j'avais mis celui-là pour que l'image png se répète car avec l'attribut "crop", elle ne se répète pas. Auriez-vous une idée pour que mon image PNG se répète? EDIT 14H45 : Je crois que j'ai réussi, les liens fonctionnent, j'ai trouvé sur le net que ce bug de liens qui ne s'affichent pas est dû à la taille de l'image PNG, avec une image de 1x1px, ça fonctionne on dirait
-
Bonjour Sarc, Ce sont juste des images avec un lien dessus, ou alors des liens textes, tout ce qu'il y a de plus normal, enfin je pense Par concernant les erreurs hmtl, les 3/4 sont dûes au script "Topic anywhere" pour le forum... Et pour le CSS, je suis en train de regarder, ce serait le filtre pour le PNG transparent puor IE qui pose problème...
-
Bonjour, Voilà, je m'occupe de mon nouveau site et je me retrouve confronté à un problème que je n'avais encore jamais rencontré, à savoir que mes liens, quelqu'ils soient, n'apparaissent pas dans IE, c'est assez énorme mais je ne vois pas du tout ce qui fait qu'il n'y a pas mes liens dans IE... Vous pouvez vous en rendre compte à cette adresse... Si quelqu'un a une idée sur le problème, ça m'aiderait beaucoup parce que là je sèche... Merci beaucoup
-
J'ai essayé, je m'y suis retrouvé en spécifiant des attributs plus précis pour H3 et ul et ça fonctionne très bine, merci beaucoup
-
Bonjour, merci pour ta réponse, j'avais essayé dans ce sens, sans trop de succès, et surtout sans trop de conviction (je ne savais pas si c'était très correct par rapport au css) mais je vais réssayer alors, merci beaucoup
-
Bonjour, Voilà je travaille actuellement sur une nouvelle version de mon site, une ébauche se trouve à cette adresse: http://www.magmor.org/magmorV4/index.php?page=accueil Voilà, j'essaie de faire les choses à peu près bien et deux choses me posent problème: D'une part, l'espace entre les titres H3 et le texte qui suit me paraît trop grand, quel serait le moyen le plus simple pour le réduire? (comme par exemple pour le titre "activité du forum", l'espace est parfait dans ce cas et je ne comprends pas pourquoi). D'autre part, et ça rejoint sûrement mon premier problème, je ne comprends pas pourquoi mon titre "Activité du forum" est collé au paragraphe précédent si je ne mets pas de balise "p". J'imagine que c'est dû à une mauvaise css mais je suis perdu à ce niveau là, comment faire en sorte que d'une part, les titres soit à bonne hauteur et deux, que l'espace entre les paragraphes soient toujours identiques sans devoir mettre de balise "p" à droite à gauche... Ma css est ici Si quelqu'un avait le gentillesse de m'aider car là je m'arrache les cheveux pour de petits détailes Merci
-
Bonjour tout le monde, Est-ce que ça fonctionne? (le sujet m'intéresse aussi)
-
Salut, Si jamais quelqu'un avait une minute pour m'aider, ce serait sympa... Il paraît que le texte de mes pages se retrouvent sous mon header et je ne sais pas quoi faire... Merci...
-
Ah oui d'accord Disons qu'il y a peu d'utilisateurs de IE en général d'ailleurs... Par contre je suis déç car j'ai réglé le problème du texte qui débordait, mais en fait, il y a un autre problème, il semblerait que le début de mon texte, de chaque page, se retrouve sous le header, comme s'il n'y avait pas de marge en haut, pourtant j'en ai mis une justement, pour la div "text", mais ça ne change rien du tout... Si jamais vous avez une idée lumineuse, ce ne serait pas de refus