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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [réssolu][css] placement d´élements

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[réssolu][css] placement d´élements

n°1650033
castorgris
===>Miaou<===
Posté le 28-11-2007 à 09:37:27  profilanswer
 

bonjour,
je suis en train de faire un thème wordpress, et j´ai un souci avec le placement de mes élements.

 

Ce sera un thème 3 collones, avec 2 sidebars à droite.

 

Le problèmes est :
http://img518.imageshack.us/img518/7713/wordpressimagegb6.th.jpg
comme on peut le voir sur l´image, aucun des élements n´est aligné au bon endroit. Tout devrait étre sous le header.

 

Si quelqu´un voit pourquoi ...

 


en prime : l´index.php du thème

Code :
  1. <?php get_header(); ?>
  2. <!-- on appelle la structure principe de la loop wp-->
  3. <div id="content">
  4. <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
  5. <div class="post" id="post-<?php the_ID(); ?>">
  6.  <h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
  7.  <p class="postmetadata">
  8.    
  9.        <?php the_time('j F Y') ?> par <?php the_author() ?> |
  10.        Cat&eacute;gorie: <?php the_category(', ') ?> |
  11.        <?php comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires'); ?> <?php edit_post_link('Editer', ' | ', ''); ?>
  12.   </p>
  13.  <div class="post_content">
  14.   <?php the_content(); ?>
  15.  </div>
  16. </div>
  17. <?php endwhile; ?>
  18. <?php endif; ?>
  19. </div>
  20. <?php get_sidebar(); ?>
  21. <?php get_footer(); ?>
  22. </div>
  23. </body>
  24. </html>


les sidebars :

Code :
  1. <!--début sidebar de gauche-->
  2. <div class="sidebar_left">
  3. <ul>
  4.  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Gauche') ) : ?>
  5.  <li id="search"><?php include(TEMPLATEPATH . '/searchform.php'); ?></li>
  6.  <?php endif;?>
  7. </ul>
  8. </div>
  9. <!--fin side bar de gauche-->
  10. <!--début sidebar de droite-->
  11. <div class="sidebar_right">
  12. <ul>
  13.  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Droite') ) : ?>
  14.  <li id="calendar"><h2>Calendrier</h2>
  15.      <?php get_calendar(); ?>
  16.       </li>
  17.  <li><h2>Categories</h2>
  18.        <ul>
  19.       <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=1&children=1'); ?>
  20.       </ul>
  21.      </li>
  22.      <?php wp_list_pages(); ?>
  23.  <?php endif;?>
  24. </ul>
  25. </div>
  26. <!--début navibar déroulant-->
  27. <div class="navibar">
  28. <ul>
  29.  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Navibar') ) : ?>
  30.    <!--contenue de la navibar-->
  31.  <?php endif; ?>
  32. </ul>
  33. </div>
  34. <!--fin navibar déroulant-->


et le footer :

Code :
  1. <div id="footer">
  2. <p>
  3. Copyright © <?php print(date(Y)); ?> <?php bloginfo('name'); ?>. Propulsé par <a href="http://wordpress.org/">WordPress</a> et con&ccedil;u par <a href="http://caribounews.org">Castorgris et Bawa</a>
  4. <br />
  5. <a href="feed:<?php bloginfo('rss2_url'); ?>">Articles (RSS)</a> et <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Commentaires (RSS)</a>.
  6. <?php echo get_num_queries(); ?> requètes. <?php timer_stop(1); ?> secondes.
  7. </p>
  8. </div>
 

et bien sur le style.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. margin: 0;
  8. }
  9. #page {
  10. margin: 0 auto 0 auto;
  11. width: 960px;
  12. }
  13. #header {
  14. font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Georgia, Sans-serif;
  15. float: left;
  16. background:#cccccc;
  17. width: 960px;
  18. padding: 0 10px 20px 10px;
  19. }
  20. #content {
  21. float: left;
  22. width: 560px;
  23. margin-bottom: 20px;
  24. background:#a2B;
  25. }
  26. .sidebar_right {
  27. float: right;
  28. width: 200px;
  29. background:#123123;
  30. }
  31. .sidebar_left {
  32. float: right;
  33. background:#CBECBE;
  34. width: 200px;
  35. }
  36. #footer {
  37. font-size: 1em;
  38. background:#cccccc;
  39. padding: 10px 10px 0 0;
  40. clear: both;
  41. width: 960px;
  42. }


Si quelqu´un voit le souci.... Le css n´est pas ma spécialité!


Message édité par castorgris le 29-11-2007 à 08:26:23
mood
Publicité
Posté le 28-11-2007 à 09:37:27  profilanswer
 

n°1650640
castorgris
===&gt;Miaou&lt;===
Posté le 29-11-2007 à 08:25:11  profilanswer
 

Je vois que mon problème déchaine les foules ....
 
Enfin c´est pas grave, c´est résolu. Un div pas fermé ou il faut ...


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

  [réssolu][css] placement d´élements

 

Sujets relatifs
Placement image background[resolu] simplexml - suppression d'elements - probleme avec unset?
[JSF] liste d'elements affichés en flowScript de rotation d'élements html
[EXCEL] Eléments calculés dans un tableau croisé dynamiqueennumération de combinaisons d'éléments
Appliquer un onmouseout sur un conteneur ET ses élémentsElements hérités dans une liste
Tri de tableau sur la fréquence des élémentsPersonnaliser les elements d'une combobox
Plus de sujets relatifs à : [réssolu][css] placement d´élements


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