lupucide

  • Signature
    Pour souper avec le Diable mieux vaut avoir une longue cuillère.
  • Site web
  • Nombre de sujets
    Aucun
  • Nombre de messages
    14
  • Nombre de commentaires
    Aucun
  • Nombre de news
    Aucune
  • Niveau en PHP
    Débutant

Ses dernières news

Aucune news

Ses derniers sujets sur les forums

Aucun sujet créé dans les forums

Ses derniers messages sur les forums

forum
lupucide
le 11/04/2005 à 22:12
Balise <form> et décalage
<form style="margin: 0; padding: 0;">
Pour souper avec le Diable mieux vaut avoir une longue cuillère.
lupucide
le 04/04/2005 à 14:54
css et compatibilité IE/Firefox
Arf, non. Désolé j'ai été trop vite mais c'est une pise à suivre. Le résultat vient des tes "width" et du "float:left".
Affaire à suivre.
Pour souper avec le Diable mieux vaut avoir une longue cuillère.
lupucide
le 04/04/2005 à 14:52
css et compatibilité IE/Firefox 
  1. <html><head>
  2. <title>Cofitem-Cofimur</title>
  3. <link title="style" type="text/css" rel="stylesheet" media="screen, projection" href="style.css" />
  4. </head>
  5. <body>

  7. <div id="page">
  8. 	<div id="header">titre</div>
  9.     <div id="menu">
  10. 		<ul class="menu">
  11. 			testmenu<br>
  12. 			testmenu<br>
  13. 			testmenu<br>
  14. 			testmenu<br>
  15. 			testmenu<br>
  16. 			testmenu<br>
  17. 			testmenu<br>
  18. 			testmenu<br>
  19. 			testmenu<br>
  20. 		</ul>
  21. 	</div>
  22.   
  23. 	<div id="middle">
  24. 	<div id="sub_title">essaisoutitre<br></div>
  25.     testmilieu<br>
  26.     testmilieu<br>
  27.     testmilieu<br>
  28.     testmilieu<br>
  29.     testmilieu<br>
  30.     testmilieu<br>
  31.     testmilieu<br>
  32.     testmilieu<br>
  33.     testmilieu<br>
  34.     testmilieu<br>
  35.     testmilieu<br>
  36.     testmilieu<br>
  37.     testmilieu<br>
  38.     testmilieu<br>
  39.     testmilieu<br>
  40.     testmilieu<br>
  41.     testmilieu<br>
  42.     testmilieu<br>   
  43.     testmilieu<br>
  44.     testmilieu<br>
  45.     testmilieu<br>
  46.     testmilieu<br>
  47.     testmilieu<br>
  48.     testmilieu<br>
  49.     testmilieu<br>
  50.     testmilieu<br>
  51.     testmilieu<br>
  52.     testmilieu<br>
  53.     testmilieu<br>
  54.     testmilieu<br>
  55. 	</div>
  56. </div>

  58. </body></html>


  1. body {
  2.   margin-bottom: 10px;
  3.   margin-left: 50px;
  4.   text-align: left;
  5.   background-color: #FFFFFF;
  6.   color: #000000;
  7.   font: small 'Lucida Grande', Verdana, 'Bitstream Vera Sans', sans-serif;
  8. }

  10. a {
  11.   color: #888888;
  12.   text-decoration: none;
  13. }

  15. .title {
  16.   font-size: 200%;
  17.   font-weight: bold;
  18. }

  20. .menu {
  21.   list-style-type : square;
  22.   list-style-position: outside;
  23. }

  25. #page {
  26. 	border: 1px solid #000000;
  27. 	width: 900px;
  28. }

  30. #index {
  31.   width: 100%;
  32.   height: 100%;
  33.   margin-top: 10%;
  34. }

  36. #title {
  37.   height: 100px;
  38.   font-size: 200%;
  39.   font-weight: bold;
  40.   margin-left: 15px;
  41. }

  43. #header {
  44.   padding-top: 10px;
  45.   border-top: 3px solid #000000;
  46.   border-bottom: 1px solid #000000;
  47.   height: 60px;
  48.   text-align: center;
  49.   width: 900px;
  50. }

  52. #menu {
  53.   padding-top: 0px;
  54.   text-align: left;
  55.   width: 199px;
  56.   float: left;
  57. }

  59. #sub_title {
  60.   padding-top: 0px;
  61.   padding-bottom: 8px;
  62.   text-align: left;
  63.   width: 680px;
  64.   border-bottom: 1px solid #000000;
  65. }

  67. #middle {
  68.   padding-top: 10px;
  69.   padding-bottom: 10px;
  70.   padding-left: 10px;
  71.   padding-right:10px;
  72.   margin-left: 200px;
  73.   border-left: 1px solid #000000;
  74.   text-align: left;
  75.   width: 680px;
  76. }


Ne fonctionne que si ton menu est plus court que le contenu. Sinon reste la possibilité de caser une image représentant les bordures et de tout caser dedans.

++
Pour souper avec le Diable mieux vaut avoir une longue cuillère.

Ses derniers commentaires de news

Aucun commentaire de news

Ses derniers commentaires de sites

Aucun commentaire de sites

Ses derniers commentaires de wall

Aucun commentaire wall
LoadingChargement en cours