Aller au contenu

Anaon

Webmaster Régulier
  • Compteur de contenus

    92
  • Inscrit(e) le

  • Dernière visite

Réputation sur la communauté

0 Neutre

À propos de Anaon

  • Date de naissance 16/01/1981

Pour me contacter

  • Mon Site
    http://www.magmor.org
  1. 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
  2. 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 )
  3. 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...
  4. 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...
  5. 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...
  6. 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
  7. 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...
  8. 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?
  9. Ah génial, merci beaucoup Je vais regarder ce qu'il en est
  10. 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...
  11. 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
  12. 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...
  13. 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...
  14. 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
  15. 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
×
×
  • Créer...