css modifiable ?

css modifiable ? - Web design - Graphisme

Marsh Posté le 01-02-2007 à 09:01:26    

bonjour tout le monde,
alors avant toute chose j'y connais vraiment rien de rien en css alors j'ose espérer un peu compréhension de votre part
 
ce vous file le code css ainsi que l'adresse du site : http://conj0ncture.free.fr/www/index.php
et ce que j'aimerais savoir c'est s'il est possible d'élargir les colonnes
 
je suppose que c est extrement simple comme réponse pour ceux qui s'y connaissent mais perso et ce même si j'adore fouiller ds du code hmtl, php .... la j'suis perdu
 
d'avance merci  
 

Code :
  1. body {
  2. font-family: "trebuchet MS";
  3. font-size: 12px;
  4. }
  5. form {
  6. margin: 0px;
  7. }
  8. body.mceContentBody{
  9. background-color: #FFFFFF;
  10. }
  11. ul{
  12. margin: 0px;
  13. padding: 0px;
  14. list-style-position: inside;
  15. }
  16. #wrap {
  17. }
  20. #wrap1 {
  21. background-image: url(../images/wrap1-bg.gif);
  22. background-repeat: repeat-y;
  23. float: left;
  24. width: 739px;
  25. }
  26. .clr {
  27. font-size: 0px;
  28. clear: left;
  29. }
  30. #mod {
  31. float: left;
  32. width: 402px;
  33. }
  35. #mod-L {
  36. float: left;
  37. width: 188px;
  38. padding-right: 7px;
  39. padding-left: 7px;
  40. color: #FFFFFF;
  41. }
  42. #mod-R {
  43. width: 183px;
  44. padding-right: 7px;
  45. padding-left: 8px;
  46. float: left;
  47. display: block;
  48. }
  49. #mainpage {
  50. float: left;
  51. width: 337px;
  52. color: #FFFFFF;
  53. }
  54. a.logo:link,a.logo:visited{
  55. background-image: url(../images/logo.gif);
  56. background-repeat: no-repeat;
  57. background-position: left center;
  58. height: 70px;
  59. width: 337px;
  60. display: block;
  61. border-bottom-width: 1px;
  62. border-bottom-style: solid;
  63. border-bottom-color: #FFFFFF;
  64. }
  65. #footer {
  66. width: 337px;
  67. border-top-width: 3px;
  68. border-top-style: double;
  69. border-top-color: #FFFFFF;
  70. margin-top: 20px;
  71. }
  73. #research {
  74. background-image: url(../images/search-label.gif);
  75. background-repeat: no-repeat;
  76. background-position: left center;
  77. background-color: #E70000;
  78. height: 40px ;
  79. padding-top: 13px ;
  81. border-bottom-width: 1px;
  82. border-bottom-style: solid;
  83. border-bottom-color: #FFFFFF;
  84. }
  85. #research .inputbox {
  86. background-image: url(../images/search-form.gif);
  87. background-repeat: no-repeat;
  88. height: 19px;
  89. width: 160px;
  90. background-color: #E70000;
  91. border: 1px solid #E70000;
  92. margin-left: 95px;
  93. font-size: 12px;
  94. color: #666666;
  95. padding-left: 15px;
  96. padding-top: 3px;
  97. background-position: left top;
  98. }
  99. #research .submitbox {
  100. background-color: #E70000;
  101. background-image: url(../images/search-form.gif);
  102. height: 26px;
  103. border: 1px solid #E70000;
  104. background-position: -190px 4px !important;
  105. background-position: -190px 0px;
  106. width: 33px;
  107. background-repeat: no-repeat;
  108. }
  110. #content {
  111. padding-right: 7px;
  112. padding-left: 7px;
  113. text-align: justify;
  114. min-height:600px;
  115. height:auto !important;
  116. height:600px;
  117. }
  118. .contentheading {
  119. font-size: 20px;
  120. color: #CCCCCC;
  121. }
  122. a.contentpagetitle:link,a.contentpagetitle:visited {
  123. font-size: 20px;
  124. color: #0099FF;
  125. text-decoration: none;
  126. }
  127. a.contentpagetitle:hover {
  128. color: #FF9900;
  129. }
  130. .small {
  131. font-size: 10px;
  132. color: #CCCCCC;
  133. }
  134. .createdate {
  135. font-size: 10px;
  136. color: #FFFFFF;
  137. background-color: #E70000;
  138. padding-left: 3px;
  139. }
  140. .module {
  141. margin-top: 6px;
  142. }
  143. #mod-R .module h3 {
  144. background-color: #B4B4B4;
  145. font-size: 14px;
  146. text-align: center;
  147. margin: 0px;
  148. padding-top: 3px;
  149. padding-bottom: 3px;
  150. }
  151. #mod-L .module h3{
  152. font-size: 14px;
  153. color: #CCCCCC;
  154. background-color: #252525;
  155. text-align: center;
  156. padding-top: 3px;
  157. padding-bottom: 3px;
  158. margin: 0px;
  159. }
  160. #slide1 {
  161. background-color: #0010E7;
  162. border-bottom-width: 1px;
  163. border-bottom-style: solid;
  164. border-bottom-color: #FFFFFF;
  165. padding-right: 7px;
  166. padding-left: 7px;
  167. }
  168. #slide2 {
  169. background-color: #63BE18;
  170. border-bottom-width: 1px;
  171. border-bottom-style: solid;
  172. border-bottom-color: #FFFFFF;
  173. padding-right: 7px;
  174. padding-left: 7px;
  175. }
  176. a.mainlevel:link,a.mainlevel:visited {
  177. color: #00CCFF;
  178. text-decoration: none;
  179. display: list-item;
  180. list-style-type: circle;
  181. padding-left: 4px;
  182. list-style-position: inside;
  183. }
  184. a.mainlevel:hover {
  185. list-style-type: square;
  186. }
  187. a.mainlevel#active_menu{
  188. color: #FF9900;
  189. }
  190. #ress {
  191. border-top-width: 2px;
  192. border-top-style: dotted;
  193. border-top-color: #F1EFF1;
  194. margin-top: 4px;
  195. }
  197. a:link,a:visited {
  198. color: #0099FF;
  199. text-decoration: none;
  200. }
  201. a:hover {
  202. text-decoration: underline;
  203. }
  204. #control {
  205. background-image: url(../images/control-bg.gif);
  206. background-repeat: no-repeat;
  207. float: left;
  208. height: 153px;
  209. width: 18px;
  210. margin-top: 30px;
  211. padding-left: 9px;
  212. padding-top: 45px;
  213. font-size: 5px;
  214. }
  215. #control a:link,#control a:visited {
  216. display: block;
  217. width: 13px;
  218. height: 13px;
  219. }
  221. #cb1,#cb2,#cb3,#cb4,#cb5 {
  222. background-image: url(../images/control-button.gif);
  223. background-repeat: no-repeat;
  224. height: 13px;
  225. width: 13px;
  226. margin-top: 3px;
  227. cursor:pointer;
  228. }
  229. #cb1{}
  230. #cb2{
  231. background-position: left -13px;
  232. }
  233. #cb3{
  234. background-position: left -26px;
  235. }
  236. #cb4{
  237. background-position: left -39px;
  238. }
  239. #cb5{
  240. background-position: left -52px;
  241. }
  242. #slider .module h3 {
  243. margin: 0px;
  244. font-size: 14px;
  245. border-bottom-width: 1px;
  246. border-bottom-style: dashed;
  247. border-bottom-color: #FFFFFF;
  248. }
  249. #slider .module{
  250. margin: 0px;
  251. color: #FFFFFF;
  252. }#slider a:link,#slider a:visited {
  253. color: #CCCCCC;
  254. text-decoration: none;
  255. }
  256. #slider a:hover {
  257. text-decoration: underline;
  258. }


Message édité par Movez LanG le 02-02-2007 à 22:58:04
Reply

Marsh Posté le 01-02-2007 à 09:01:26   

Reply

Marsh Posté le 01-02-2007 à 13:09:32    

oui...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 01-02-2007 à 16:07:23    

je confirme aussi
c'est possible  :jap:

Reply

Marsh Posté le 01-02-2007 à 16:41:27    

serait-ce trop vs demander de m'indiquer comment m'y prendre s'il vous plait ? merci encore

Message cité 1 fois
Reply

Marsh Posté le 01-02-2007 à 16:44:58    

Movez LanG a écrit :

serait-ce trop vs demander de m'indiquer comment m'y prendre s'il vous plait ? merci encore


 
 
bin ici c'est web design plus dans le sens design que web en faite  :whistle:  
 
 
perso prendre un site en cour comme ça j'ai du mal mais peut etre que pixel lui ..... :D

Reply

Marsh Posté le 01-02-2007 à 17:00:12    

Code :
  1. .module {
  2. margin-top: 6px;
  3. }


 
devient
 

Code :
  1. .module {
  2. width: 160px;
  3. margin-top: 6px;
  4. }


 
width = 160px C'est la taille en pixels...
 
Tu peux modifier MOD-R ou MOD-L ou autre comme tu le souhaite...
 
Mais bon, vraiment parceque c'est moi... La prochaine fois cherche sur google des tutoriaux sur le CSS...


Message édité par Pyksel le 01-02-2007 à 17:00:35

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 01-02-2007 à 19:39:12    

merci beaucoup
j'avais essayé le mod-r mod-l qui me paraissait correspondre le plus a ce que je désirais faire mais ca ne m'avait pas donné satisfaction  
j'ai aussi cherché sur google avant de venir vs embeter mais a part des cours et tuto très généralistes j'ai pas vraiment trouvé mon bonheur
c est un peu comme chercher une aiguille ds une botte de foin :s
et enfin, j'ai eu un doute lors de la création de ce topic et me suis douté de mon erreur de section
 
donc pr ttes ces choses je m'en excuse
et vs remercie encore très sincèrement de l'aide que vs avez pu m'apporter
merci à tous : )

Reply

Marsh Posté le 01-02-2007 à 20:07:29    

bon bah décidément je n'y arrive pas :$
j'ai essayé pas mal de chose mais impossible d'élargie la colonne de droite
ceci dit je vous en suis tt de même reconnaissant et file de ce pas poster ça ds la catégorie appropriée
 
ciao : )

Reply

Marsh Posté le 02-02-2007 à 08:02:43    

En meme temsp avec un code pareille qu'est ce que tu veux controler...

Message cité 1 fois
Reply

Marsh Posté le 02-02-2007 à 09:39:33    

j'fais ce que je peux avec ce que j'ai....

Message cité 1 fois
Reply

Marsh Posté le 02-02-2007 à 09:39:33   

Reply

Marsh Posté le 02-02-2007 à 13:26:25    

Lactique a écrit :

En meme temsp avec un code pareille qu'est ce que tu veux controler...


 [:magfred]  

Movez LanG a écrit :

j'fais ce que je peux avec ce que j'ai....


 
 
oui mais non
 
refet carement ton design, c'est un peu le bordelle, et niveau couleur ya de tout ....
ya pas de charte graphique  [:airforceone]

Reply

Marsh Posté le 02-02-2007 à 18:12:58    

bon bah mon salut ne viendra cette fois ci pas de HFR
merci pour ts ces conseils dont je n'avais vraiment pas besoin
bonne journée à vous

Reply

Marsh Posté le 02-02-2007 à 18:48:04    

Je t'ai donné la réponse...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 02-02-2007 à 18:48:35    

Y a un width qui va quelque part... Regarde les id des balises html pour savoir laquelle correspond


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 02-02-2007 à 19:06:15    

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.

Message cité 2 fois
Reply

Marsh Posté le 02-02-2007 à 19:16:21    

Ben-FR a écrit :

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.


 
Ben ça on y fait même plus attention tu sais ;)


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 02-02-2007 à 22:55:16    

merci ben d'avoir éclairci la chose
pyksel j'ai vraiment essayé le width mais sans succès :x
ca me change bien la largeur de la colonne , à droite au milieu ou à gauche
mais en fait ca détruit carrément la structure du template de départ :$
alors que je voudrais qu'il élargisse tout simplement, il 'casse' tout...
 
donc je suppose que c est un peu plus compliqué que cela
 
edit : je me suis trouvé un ptit cours sur les css que je vais m'empresser de lire pr avoir un peu plus de repères  
http://www.pompage.net/pompe/cssdezero-1/
 
edit 2 : se pourrait-il qu'en fait il faille que je retouche le code html plutot ? j'essaie juste de me figurer ce qu'est vraiment un css et si c est juste une feuille de style qui vient se coller sur un html, les limites de ces colonnes résident peut etre ds le code hmtl  ?


Message édité par Movez LanG le 02-02-2007 à 23:00:45
Reply

Marsh Posté le 03-02-2007 à 19:13:01    

Ben-FR a écrit :

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.


 
 
j'me suis fait traité de beaucoup de chose mais nombrils c'est la 1er fois  :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed