Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1007 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  résolution d'un site

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

résolution d'un site

n°2135520
rmathieu13
Posté le 10-04-2012 à 12:03:16  profilanswer
 

Bonjour j'ai besoin d'aide je suis en stage et on m'a donné un problème à résoudre sur le site d'une cliente faire en sorte que le site web s'adapte à n'importe quelle résolution800x600, 1024x768, et résolution supérieur.. voilà le site http://pro-g-deco.fr/ j'ai quand même chercher sur internet mais j'ai pas vraiment trouvé même en ajoutant cette ligne de code ça marche pas. Je débute dans le domaine du html et vu que ce n'est pas moi qui est fait le site je suis perdu..

Code :
  1. #body {
  2. position: relative;
  3. width: 100%;
  4. }


 
CSS
 

Code :
  1. html, body, h1, h2, h3, h4 {
  3. margin: 0;
  5. padding: 0;
  7. }
  9. h1 img {
  11. display: block;
  13. }
  15. img {
  17. border: 0;
  19. }
  21. a {
  23. color: #333;
  25. font-weight: bold;
  27. text-decoration: none;
  29. }
  31. a:hover {
  33. color: #FFA405;
  35. text-decoration: underline;
  37. }
  39. .left {
  41. float: left;
  43. }
  45. .right {
  47. float: right;
  49. }
  51. .more {
  53. text-align: right;
  55. }
  57. .clear {
  59. clear: both;
  61. }
  65. body {
  67.   background: #000;
  69. text-align: center;
  71. font: 11px arial, sans-serif;
  73. color: #312F1A;
  76. }
  80. /** layout **/
  82. #wrapper {
  84. text-align: left;
  86. margin: 20px auto;
  88. width: 714px;
  90.   position: relative;
  92. }
  96. #header {
  98.   background: top center url(images/logo.jpg) no-repeat;
  100.   padding-top: 91px;
  102.   width: 292px;
  104.   position: relative;
  106. }
  110. /** Header **/
  112. h1 {
  114.   color: #FDE7C2;
  116.   background: #991111;
  118.   border: 2px solid #C4B888;
  120.   padding: 8px;
  122.   text-align: center;
  124.   font: 25px "Times new roman", sans-serif;
  126.   font-style: italic;
  128.   font-weight: normal;
  130.   margin: 0 0 2px 21px;
  132. }
  136. #search {
  138.   width: 148px;
  140.   background: #E8E7DA url(images/search_top.jpg) no-repeat;
  142.   text-align: center;
  144.   position: absolute;
  146.   bottom: -1px;
  148.   left: 558px;
  150.   padding: 6px 0;
  152. }
  154. #search .text {
  156.   width: 63px;
  158. }
  162. /** Body **/
  164. #body {
  166.   position: relative;
  168.   width: 100%;
  170. }
  174. #nav {
  175. position: absolute;
  176. top: 1px;
  177. left: -4px;
  178. width: 252px;
  179. padding-top: 292px;
  180. background: url(images/pic_1.jpg) no-repeat;
  182. }
  184. #nav ul {
  186.   background: bottom right #991111 url(images/nav_bot.jpg) no-repeat;
  188.   margin: 0 7px 0 28px;
  190.   padding: 5px 20px 15px 20px;
  192. }
  194. #nav li {
  196.   list-style: none;
  198.   background: bottom left url(images/dots.jpg) repeat-x;
  200. }
  202. #nav a {
  204.   color: #FDE7C2;
  206.   font: 18px "times new roman", serif;
  208.   font-style: italic;
  210.   background: #991111;
  212.   padding-right: 8px;
  214. }
  218. /** content **/
  222. #content {
  224.   background: #E8E7DA bottom right url(images/body_bottom_right.jpg) no-repeat;
  226.   width: 700px;
  228.   margin-left: 254px;
  230.   min-height: 600px;
  232. }
  236. #content .main, #content .main2 {
  238.   float: right;
  240.   width: 650px;
  242.   margin-top: 18px;
  244.   padding-right: 28px;
  246. }
  250. #content .main {
  252.   padding-bottom: 1em;
  254.   border-bottom: 1px solid #D6D3BA;
  256. }
  260. #content .main p, #content .main2 p {
  262.   margin: 0em 1em 0 0;
  264. }
  266. #content .main2 .right {
  268.   margin-left: 18px;
  270. }
  272. #content .main .clear, #content .main2 .clear {
  274.   height: 20px;
  276.   margin-bottom: -10px;
  278. }
  281. h2 {
  283.   font: italic 22px "Times new roman", serif;
  285.   color: #991111;
  287.   margin: 0 0 0.5em 0;
  289. }
  291. h3 {
  293.   font: italic 15px "Times new roman", serif;
  295.   color: #991111;
  297.   margin: 0.3em 0 0.3em 0;
  299. }
  302. /** Footer **/
  306. #footer {
  308.   color: #E8E7DA;
  310.   margin: 2px 0 0 275px;
  312. }
  316. #privacy {
  318.   position: absolute;
  320.   right: 8px;
  322.   width: 148px;
  324.   padding: 4px 0;
  326.   text-align: center;
  328.   background: #E8E7DA bottom left url(images/footer_tab.jpg) no-repeat;
  330. }
  332. #privacy a {
  334.   color: #000;
  336.   font-weight: normal;
  338. }
  340. table
  341. {
  342. border-collapse: collapse;
  343. margin: 0 auto;
  344. border-style: ridge;
  346. }
  348. td
  349. {
  350. text-align : center;
  351. vertical-align: middle;
  352. border-style: ridge;
  353. }

mood
Publicité
Posté le 10-04-2012 à 12:03:16  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  résolution d'un site

 

Sujets relatifs
Avoir une résolution universelle pour mon site web?[dreamwaver] Optimiser son site pour la résolution d'écran
resolution automatique site webRésolution site internet ??
Bug graphique, avec les images selon la résolution, firefox et ieComment faire une résolution identique sur un site web ?
garder l'affichage du site suivant la résolution[dreamweaver MX] adapter le site à la résolution d'écran
afficher un site de même taille pour n'importe quelle résolution 
Plus de sujets relatifs à : résolution d'un site

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.072 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR