Probleme sur theme Php [résolu]

Probleme sur theme Php [résolu] - PHP - Programmation

Marsh Posté le 11-01-2008 à 20:10:48    

Bonsoir tout le monde .
 
Je vous explique mon problème:  
 
En fait, j'ai crée mon site sur une résolution de  1280x800 jusque la, pas de problème ... Le ic, c'est que lorsque je passe en 1024, ma sidebar se déplace ...  
 
Je vous laisse voir par vous même : http://radicale.cymea.net
 
Soyez clément, c'est la première fois que je vois du php  :sarcastic:  
 
Je sais pas si c'est utile de mettre tout mon code ici , sa va vous donnez mal a la tête lol ( c'est un peu le bordel :p )  
 
Voili voilou, je passerais très régulièrement pour répondre a vos questions ^^
 
Merci a ceux qui vont essayer de m'aider :)


Message édité par ye ye le 12-01-2008 à 16:22:23
Reply

Marsh Posté le 11-01-2008 à 20:10:48   

Reply

Marsh Posté le 11-01-2008 à 22:18:29    

C'est pas du php mais du html :o

Reply

Marsh Posté le 11-01-2008 à 23:37:39    

euh ? peux tu argumenter ?  
 
parce quand je vois mon index  

Code :
  1. <?php  get_header(); ?>
  3. <?php //include(TEMPLATEPATH . "/leftad.php" ); ?>
  5. <div class="content">
  7. <?php if (have_posts()) : ?>
  9.  <?php while (have_posts()) : the_post(); ?>
  15.             <div id="postTop">
  16.    <div id="postTitle"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
  17.   </div>
  18.            
  19.   <div class="post">
  20.    <?php the_content('Read the rest of this entry &raquo;'); ?>
  21.   </div>
  23.  <?php endwhile; ?>
  25.  <div class="navigation">
  26.   <div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
  27.   <div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
  28.  </div>
  30. <?php else : ?>
  32.  <div class="titletop"></div>>
  33.  <h1 class="title">Not Found</h1>
  34.  <div class="titlebottom"></div>
  35.  <div class="post">
  36.   <p>Sorry, but you are looking for something that isn't here.</p>
  37.  </div>
  39. <?php endif; ?>
  41. </div>
  43. <?php get_sidebar(); ?>
  45. <?php get_footer(); ?>


 
sa ressemble a du php :p


Message édité par ye ye le 11-01-2008 à 23:38:50
Reply

Marsh Posté le 11-01-2008 à 23:39:50    

mais le placement des éléments sur ta page, la mise en forme c'est du HTML et sûrement une bonne pincée de CSS  :o


Message édité par bricocoman le 11-01-2008 à 23:53:14
Reply

Marsh Posté le 12-01-2008 à 01:25:06    

oui, mais comment faire pour régler mon problème ?
 
 
mon css :  
 

Code :
  1. /*   
  2. Theme Name: ye ye
  3. */
  4. body {
  5. padding-right:60px;
  6. padding-left:60px;
  7. padding-top:50px;
  8. background:#1a171b url(images/FOND.gif);
  9. font-family:Tahoma;
  10. color:#dddddd;
  11. font-size:12px;
  12. }
  13. img {
  14. border:0;
  15. }
  16. a {
  17. color:#dddddd;
  18. text-decoration:none;
  19. }
  20. a:hover {
  21. text-decoration:underline;
  22. }
  23. h1, h2, h3, h4, h5, h6 {
  25. }
  26. blockquote {
  27. border-left:3px solid #bbd600;
  28. padding-left:10px;
  29. }
  30. .clear {
  31. clear:both;
  32. height:1px;
  33. overflow:hidden;
  34. }
  36. /* The Wrapper */
  38. .wrapper {
  39. width:100%;
  40. margin:1 auto;
  41. /* background:#1a171b url(images/_wrapperbg.gif) 0 235px repeat-x;*/
  42. }
  44. /* The Top */
  45. .top {
  46. height:6px;
  47. background:url(images/top.gif);
  48. }
  49. .topleft {
  50. height:px;
  51. width:px;
  52. float:left;
  53. background:url(images/topleft.gif) left no-repeat;
  54. }
  55. .topright {
  56. height:px;
  57. width:0px;
  58. float:right;
  59. background:url(images/topright.gif);
  61. }
  62. .menu {
  63. float:left;
  64. width:1123px;
  65. height:27px;
  66. background:url(images/menu.gif);
  67. margin-top:1px;
  68. }
  69. .menuleft {
  70. width:100%;
  72. float:10%;
  73. height:27px;
  74. background:url(images/);
  75. }
  76. /*.menuright {
  77. width:5px;
  78. float:left;
  79. height:27px;
  80. background:url(images/menuright.gif);
  81. } */
  82. .top ul {
  83. margin: -25px;
  84. padding:;
  85. list-style:none;
  86. float:left;
  87. width:100%;
  88. line-height:25px;
  90. }
  93. .top li {
  94. display:INLINE ;
  96. }
  97. .top a {
  98. color:# ;
  99. padding:7px 10px 5px 10px;
  100. margin-left:15px;
  101. padding-left:15px ;
  103. }
  104. .top a:hover {
  105. background:url(images/menuHover.png);
  106. padding-right:10px;
  107. width:0px;
  109. margin-top:10px ;
  110. text-decoration:none;
  111. }
  113. /* The Head */
  115. .head {
  116. height:200px;
  117. background:url(images/logoAlchimieRadicale4.gif) no-repeat #1a171b center;
  119. }
  120. /* .blogtitle {
  121. float:left;
  122. width:533px;
  123. background:url(images/.gif) 90px 71px no-repeat;
  124. height:86px;
  125. padding:80px 0 0 151px;
  126. font-size:35px;
  127. font-family:Arial, Helvetica, sans-serif;
  128. font-weight:bold;
  129. }
  130. .blogtitle a {
  131. color:#fff;
  132. text-decoration:none;
  133. } */
  135. /* The Search Form */
  137. .search {
  138. /* float:left;*/
  139. /* height:52px;
  140. width:23.5%;*/
  141. position: absolute;
  142. background:url(.images/search.gif) no-repeat;
  143. margin-top:-30px;
  144. margin-left:980px;
  145. }
  146. .search form {
  148. padding:14px  1px;
  149. background:url(images/searchtext.gif) no-repeat ;
  150. }
  151. .search input {
  152. border:none;
  153. padding:0;
  154. float:left;
  155. }
  156. .search input#s {
  157. background:url(images/searchbar.gif);
  158. /* width:90%;
  159. height:21px;*/
  160. padding:px 0 0 px;
  161. }
  162. .search input#submit {
  163. background:url(images/searchsubmit.gif);
  164. width:0px;
  165. height:27px;
  166. }
  168. /* Left Sidebar */
  170. .leftsidebar {
  171. width:63px;
  172. float:CENTER;
  173. margin-bottom:37px;
  174. }
  175. /* .adhead {
  176. font-family:Arial, Helvetica, sans-serif;
  177. font-size:12px;
  178. font-weight:bold;
  179. height:38px;
  180. background:url(images/adhead.png);
  181. text-align:center;
  182. padding-top:0px;
  183. } */
  184. .adcontent {
  185. margin-left:50px;
  186. }
  188. /* The Content */
  190. .content {
  191. background:url(images/postinfo2.gif) no-repeat;
  192. margin-top:20px;
  193. float:right;
  194. width:900px;
  195. margin-left:20px;
  196. /* margin-right:20px;*/
  197. margin-bottom:px;
  198. padding-top:0Px;
  199. overflow:hidden;
  200. }
  201. .titletop {
  202. height:8px;
  203. background:url(images/titletop.gif) no-repeat;
  204. overflow:hidden;
  205. }
  206. h1.title {
  207. background:url(images/title.gif) no-repeat;
  208. margin:0;
  209. padding:0 20px;
  210. font-family:Arial, Helvetica, sans-serif;
  211. font-size:13px;
  212. }
  213. h1.title a {
  214. }
  215. h1.title a:hover {
  216. text-decoration:none;
  217. color:#fff;
  218. }
  219. .titlebottom {
  220. height:8px;
  221. background:url(images/titlebottom.gif) no-repeat;
  222. overflow:hidden;
  223. }
  224. /*.postinfo {
  225. font-size:1px;
  226. margin-top:0px;
  227. padding:0 0 0 20px;
  228.  ;
  229. }
  230. /*.pi-comments {
  231. background:url(images/comments.gif) left no-repeat;
  232. float:left;
  233. height:14px;
  234. padding:0 18px 0 20px;
  235. }
  236. .pi-cats {
  237. float:left;
  238. background:url(images/postinfo.gif) left no-repeat;
  239. padding-left:20px;
  240. } */
  241. .post {
  242. text-align:LEFT;
  243. margin-left:50px;
  244. margin-right:50px;
  245. margin:0 0 50px 0;
  247. }
  249. /*#postTop {
  250. margin-top:0px;
  251. background:url(images/-poste_info.gif) no-repeat; width:50Opx;
  253. height:250px;  
  254. } */
  255. #postTitle  {
  256. text-align:center;
  257. color:#a69a46;
  258. font-size:24px;
  259. padding-top:50px;
  260. }
  261. #postTitle a {
  262. color:#a69a46;
  263. text-decoration:none;
  264. }
  265. #postTitle a:hover {
  266. color:#fff;
  267. }
  269. #postBottom {
  270. background:url(images/poste_info.gif) no-repeat;
  271. height:210px
  272. weight: 50px ; }
  275. /* The Sidebar */
  277. .sidebar {
  278. float:left;
  279. width:200px;
  280. height:700px;
  281. margin:px 0 37px 34;
  282. background:#1a171b url(images/sidebar.gif) bottom repeat-x;
  283. }
  284. .sidebarbottom {
  285. height:20px;
  286. background:url(images/_sidebarbottom.gif) no-repeat;
  287. }
  288. .sidebarul {
  289. min-height:10%;
  290. }
  291. .sidebar ul {
  292. margin: 0PX;
  293. padding:0;
  294. list-style:none;
  295. }
  296. .sidebar h2 {
  297. /* height:41px;*/
  298. background:url(images/sidebar.png) center no-repeat;
  299. text-align:center;
  300. font-size:12px;
  301. font-family:Arial, Helvetica, sans-serif;
  302. /* padding-top:9px;*/
  303. /* margin:20px 0;*/
  304. }
  305. .sidebar h2:hover {
  306. background:url(images/sidebarHover.png) center no-repeat;
  307. }
  308. .sidebar ul ul, .sidebar div {
  309. padding:0 25px 0 45px;
  310. line-height:20px;
  311. font-size:11px;
  312. }
  313. .sidebar ul ul ul {
  314. padding:0;
  315. }
  316. .sidebar ul ul li {
  317. background:url(images/arrow.gif) 0 1px no-repeat;
  318. padding:0 0 0 23px;
  319. }
  320. .sidebar ul ul a {
  321. color:#fff;
  322. }
  324. /* The Footer */
  326. .footer {
  327. clear:both;
  328. height:202px;
  329. background:#1a171b url();
  330. }
  331. .footerleft {
  332. float:left;
  333. width:40%;
  334. padding:50px 0 0 80px;
  335. font-family:Arial, Helvetica, sans-serif;
  336. }
  337. .footerleft h2 {
  338. margin:0;
  339. padding:0 0 6px 0;
  340. font-size:18px;
  341. font-weight:bold;
  342. color:#ffd200;
  343. border-bottom:2px solid #2b515d;
  344. }
  345. .footerleft ul {
  346. margin:0;
  347. padding:0;
  348. list-style:none;
  349. line-height:30px;
  350. }
  351. .footerleft li {
  352. border-bottom:2px solid #2b515d;
  353. }
  354. .footerleft a {
  355. color:#badbe6;
  356. }
  357. .footerleft a:hover {
  358. text-decoration:none;
  359. color:#fff;
  360. }
  361. .footerright {
  362. float:right;
  363. width:336px;
  364. padding:27px 29px 0 0;
  365. }
  366. .footerbottom {
  367. clear:both;
  368. text-align:center;
  369. font-size:11px;
  370. padding-top:35px;
  371. line-height:18px;
  372. }
  375. /* The Navigation */
  377. .navigation {
  378. height:25px;
  379. width:100%;
  380. margin:0 auto;
  381. }
  382. .navigation a {
  383. font-weight:bold;
  384. text-decoration:none;
  385. font-size:14px;
  386. }
  387. .alignleft {
  388. float:left;
  389. }
  390. .alignright {
  391. float:right;
  392. }
  394. /* The Attachment */
  396. .contentCenter {
  397. text-align:center;
  398. }
  400. /* The Page Title */
  402. h2.pagetitle {
  403. padding:10px 0 20px 0;
  404. color:#fff;
  405. margin:0;
  406. font-size:20px;
  407. text-align:center;
  408. }
  410. /* The Comments */
  412. .comments {
  414. }
  415. .comments textarea {
  416. width:90%;
  417. height:156px;
  418. background:#fff;
  419. border:1px solid #000;
  420. color:#484849;
  421. padding:10px;
  422. overflow:auto;
  423. font-family:Arial, Helvetica, sans-serif;
  424. font-size:14px;
  425. }
  426. #commentform input {
  427. background:#fff;
  428. border:1px solid #000;
  429. color:#484849;
  430. padding-left:10px;
  431. }
  432. .comments input#submit {
  433. padding:0;
  434. width:72px;
  435. height:29px;
  436. }
  437. .comments h2 {
  438. margin:0 0 10px 0;
  439. padding:0;
  440. font-size:20px;
  441. font-weight:normal;
  442. color:#fff;
  443. }
  444. .comments ol {
  445. margin:0 0 20px 0;
  446. padding:0;
  447. list-style:none;
  448. }
  449. .comments ol li {
  451. }
  452. .comments ol li p {
  453. padding:0;
  454. margin:10px 0;
  455. }
  456. .commenthead {
  457. font-size:12px;
  458. border-bottom:2px solid #fff;
  459. height:20px;
  460. }
  461. .commenthead .alignleft {
  462. color:#fff;
  463. font-weight:bold;
  464. }


 
doit y avoir pas mal de code bizarre mais comme dit sur mon premier poste, c'est mon premier site, je découvre ^^


Message édité par ye ye le 12-01-2008 à 01:27:26
Reply

Marsh Posté le 12-01-2008 à 11:59:22    

Ca doit être lié aux css concernant les blocs qui représentent ta barre et le contenu de la page. La largeur disponible pour l'affichage étant réduit, ça rentre plus :spamafote:
 
Faut réduire la taille :spamafote: T'as 900+200 pour 1024, ça déborde c'est normal :D

Reply

Marsh Posté le 12-01-2008 à 16:21:37    

héhé je pense avoir resolu mon problème :)  
 
Merci a toi leflos5 de m'avoir mis sur la bonne voie xD  
 
Je pense avoir fais le principal, mais je suis pret a prendre tout conseil que vous pourriez me donner ^^  
 
A plus
 
(j'edit mon premier poste merci a tous )

Reply

Marsh Posté le 13-01-2008 à 10:55:49    

Ah bah oui maintenant y'a une page blanche :D

Reply

Sujets relatifs:

Leave a Replay

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