Annonce

Mettez-vous à jour ! WordPress 3.0.1 est disponible en français.
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook et sur Twitter

Pages: 1

 

#1 21-08-2009 16:43:01

barra
Membre WP
Date d'inscription: 21-08-2009
Messages: 5

problème d'affichage slidebar dans navigateur

Bonjour,

- Version de WordPress : 2.8.4
- Thème utilisé : personnalisé
- Nom de l'hebergeur : infomaniak


Problème(s) rencontré(s) :

je suis en train de mettre en place mes sidebars.

lorsque je fais un test dans un navigateur et je réduit la grandeur de la fenêtre de ce dernier mes sidebars se glisse toujours sous le content. il faudrait qu'elles restent à droite du content et non qu'elles s'adapte à la grandeur de la fenêtre.

j'ai essayé de modifier le css mais je n'ai pas assez de connaissance pour passé ce problème.

que dois-je utiliser?

merci d'avance

Dernière modification par barra (21-08-2009 17:12:55)

Hors ligne

 

#2 21-08-2009 16:54:25

Manny
Passionné WP
Date d'inscription: 07-06-2008
Messages: 499
Site web

Re: problème d'affichage slidebar dans navigateur

Hello Barra,

Alors d'abord, ça s'appelle sidebar, et pas slidebar wink

Ensuite, un site et un fichier .css seraient plus que souhaitables si tu désires que l'on t'aide, car là on ne pourra rien faire. Merci !

Dernière modification par Manny (21-08-2009 17:26:02)

http://economiemagazine.fr/photos/wpe.png http://economiemagazine.fr/photos/ecomagfacebook.png

Hors ligne

 

#3 21-08-2009 17:10:15

barra
Membre WP
Date d'inscription: 21-08-2009
Messages: 5

Re: problème d'affichage slidebar dans navigateur

oui sidebar merci smile

alors c'est barracoz.com et ici le .css :

Code:

  1. body {
  2. font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
  3. font-size: 0.8em;
  4. text-align: left;
  5. background: #ffffff;
  6. color: #006699;
  7. width: 100%;
  8. height: 100%;
  9. margin: auto;
  10. }
  11.  
  12. #page {
  13. margin: -10px 0 0 -10px;
  14. width: 100%;
  15. }
  16.  
  17. #header {
  18. font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
  19. float: left;
  20. background:#ffffff url(img/barracoz_top.png) no-repeat;
  21. width: 100%;
  22. height: 200px;
  23. padding: 0 10px 20px 10px;
  24. }
  25.  
  26. #header h1 {
  27. padding: 0 5px 0 0;
  28. font-size: 0.8em;
  29. color : #e7e7e7 ;
  30. text-align: right;
  31. }
  32.  
  33. #header p {
  34. padding: 0 5px 0 0;
  35. font-size: 0.7em;
  36. color : #e7e7e7 ;
  37. text-align: right;
  38. }
  39.  
  40. #content {
  41. float: left ;
  42. margin-left: 20px ;
  43. width: 500px;
  44.  
  45.  
  46. }
  47.  
  48. #content h2 {
  49. font-size: 1.3em;
  50. }
  51.  
  52. #content h2 a{
  53. font-size: 1.2em;
  54. font-family: Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
  55. color: #006699;
  56. }
  57.  
  58. #content h2 a:hover{
  59. color: #555;
  60. }
  61.  
  62.  
  63.  
  64.  
  65. .sidebar {
  66. font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif; 
  67. float: left ;
  68. width: 150px;
  69. height: 100%;
  70. position:static;
  71. padding: 5px 5px 5px 5px;
  72. margin: auto;
  73. border-style:dotted;
  74.  
  75.  
  76. }
  77.  
  78. .sidebar a:hover {
  79. text-decoration: none;
  80. border-bottom: 1px dotted;
  81. }
  82.  
  83. .sidebar ul{
  84. list-style-type: none;
  85. margin: 0;
  86. padding: 0 0;
  87. }
  88.  
  89. .sidebar h2 {
  90. font-size: 1em;
  91. }
  92.  
  93. .secondarysidebar {
  94. font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif; 
  95. float: left ;
  96. width:150px;
  97. height: 100%;
  98. position:static;
  99. padding: 5px 5px 5px 5px;
  100. margin: auto;
  101. border-style:dotted;
  102.  
  103. }
  104.  
  105. .secondarysidebar a:hover {
  106. text-decoration: none;
  107. border-bottom: 1px dotted;
  108. }
  109.  
  110. .secondarysidebar ul{
  111. list-style-type: none;
  112. margin: 0;
  113. padding: 0 0;
  114. }
  115.  
  116. .secondarysidebar h2 {
  117. font-size: 1em;
  118. }
  119.  
  120.  
  121. .postmetadata {
  122. font-size: 0.8em;
  123. color: #999;
  124. }
  125.  
  126. .post_content a {
  127. color: #006699;
  128. }
  129.  
  130. .post_content a:hover {
  131. color: #fff;
  132. background: #006699;
  133. }
  134.  
  135. #footer {
  136. font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
  137. font-size: 0.8em;
  138. background:#cccccc;
  139. padding: 10px 10px 0 0;
  140. clear: both;
  141. width: 100%;
  142. margin: 0 -10px -10px 0;
  143. }
  144.  
  145.  
  146.  
  147. #footer p{
  148. text-align: right;
  149. font-size: 0.8em;
  150. padding: 0 10px 20px 0;
  151. }
  152.  
  153. .comments-template{
  154.   margin: 10px 0 0 0;
  155. }
  156.  
  157. .comments-template ol{
  158.   margin: 10px;
  159.   padding: 0 0 0 15px;
  160.   list-style: none;
  161. }
  162.  
  163. .comments-template ol p{
  164.   font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
  165.   font-size: 0.9em;
  166. }
  167.  
  168. .comments-template ol li{
  169.   margin: 10px 0 0 0;
  170.   line-height: 15px;
  171.   padding: 0 0 10px;
  172. }
  173.  
  174. .comments-template h2, .comments-template h3{
  175.   font-size: 1.2em;
  176. }
  177.  
  178. .commentmetadata{
  179.   font-size: 0.9em;
  180. }
  181.  
  182. .comments-template p.nocomments{
  183.   padding: 0;
  184. }
  185.  
  186. .comments-template textarea{
  187.   font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
  188.   font-size: 0.9em;
  189. }
  190.  
  191. .cadre_commentaires {
  192. border-bottom: 1px solid #ccc;
  193. border-top: 1px solid #ccc;
  194. }
  195.  
  196. a {
  197. color: #555;
  198. text-decoration: none;
  199. }
  200.  
  201. a:hover {
  202. color: #777;
  203. text-decoration: underline;
  204. }

Hors ligne

 

#4 21-08-2009 19:04:32

saillmone
Habitué WP
Date d'inscription: 19-11-2008
Messages: 73

Re: problème d'affichage slidebar dans navigateur

Ça chipote... big_smile Tu essayes d'afficher ton site sur ton Iphone ? lol

Dans ton dossier thème, dans tous tes templates qui contiennent
<div id="content"> :
avant  <div id="content">, tu ajoutes <div id="global">
et avant <div id="footer">, tu ajoutes </div>

Ensuite tu vas dans ta feuille de style style.css, et après
#page {
margin: -10px 0 0 -10px;
width: 100%;
}

tu ajoutes

#global {
width: 900px;
}

++

Hors ligne

 

#5 24-08-2009 08:45:53

barra
Membre WP
Date d'inscription: 21-08-2009
Messages: 5

Re: problème d'affichage slidebar dans navigateur

pas chipoteur mais quelque peu manique et ça me trotte dans la tête temps que j'ai pas trouvé de solution. donc j'y ai pensé tout le week end blink

un grand merci!!!! ça fonctionne parfaitement!

++

Hors ligne

 

 

Pages: 1

Pied de page des forums

Propulsé par PunBB 1.2.22
© Copyright 2005-2006 WordPress France

[ Generated in 0.047 seconds, 12 queries executed ]