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 :
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 :
- <?php get_header(); ?>
- <!-- on appelle la structure principe de la loop wp-->
- <div id="content">
- <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
- <div class="post" id="post-<?php the_ID(); ?>">
- <h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
- <p class="postmetadata">
-
- <?php the_time('j F Y') ?> par <?php the_author() ?> |
- Catégorie: <?php the_category(', ') ?> |
- <?php comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires'); ?> <?php edit_post_link('Editer', ' | ', ''); ?>
- </p>
- <div class="post_content">
- <?php the_content(); ?>
- </div>
- </div>
- <?php endwhile; ?>
- <?php endif; ?>
- </div>
- <?php get_sidebar(); ?>
- <?php get_footer(); ?>
- </div>
- </body>
- </html>
|
les sidebars :
Code :
- <!--début sidebar de gauche-->
- <div class="sidebar_left">
- <ul>
- <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Gauche') ) : ?>
- <li id="search"><?php include(TEMPLATEPATH . '/searchform.php'); ?></li>
- <?php endif;?>
- </ul>
- </div>
- <!--fin side bar de gauche-->
- <!--début sidebar de droite-->
- <div class="sidebar_right">
- <ul>
- <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Droite') ) : ?>
- <li id="calendar"><h2>Calendrier</h2>
- <?php get_calendar(); ?>
- </li>
- <li><h2>Categories</h2>
- <ul>
- <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=1&children=1'); ?>
- </ul>
- </li>
- <?php wp_list_pages(); ?>
- <?php endif;?>
- </ul>
- </div>
- <!--début navibar déroulant-->
- <div class="navibar">
- <ul>
- <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Navibar') ) : ?>
- <!--contenue de la navibar-->
- <?php endif; ?>
- </ul>
- </div>
- <!--fin navibar déroulant-->
|
et le footer :
Code :
- <div id="footer">
- <p>
- Copyright © <?php print(date(Y)); ?> <?php bloginfo('name'); ?>. Propulsé par <a href="http://wordpress.org/">WordPress</a> et conçu par <a href="http://caribounews.org">Castorgris et Bawa</a>
- <br />
- <a href="feed:<?php bloginfo('rss2_url'); ?>">Articles (RSS)</a> et <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Commentaires (RSS)</a>.
- <?php echo get_num_queries(); ?> requètes. <?php timer_stop(1); ?> secondes.
- </p>
- </div>
|
et bien sur le style.css .
Code :
- body {
- font-family: "Lucida Grande", Arial, Helvetica, Sans-serif;
- font-size: 0.8em;
- text-align: left;
- background: #ffffff;
- color: #006699;
- margin: 0;
- }
- #page {
- margin: 0 auto 0 auto;
- width: 960px;
- }
- #header {
- font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Georgia, Sans-serif;
- float: left;
- background:#cccccc;
- width: 960px;
- padding: 0 10px 20px 10px;
- }
- #content {
- float: left;
- width: 560px;
- margin-bottom: 20px;
- background:#a2B;
- }
- .sidebar_right {
- float: right;
- width: 200px;
- background:#123123;
- }
- .sidebar_left {
- float: right;
- background:#CBECBE;
- width: 200px;
- }
- #footer {
- font-size: 1em;
- background:#cccccc;
- padding: 10px 10px 0 0;
- clear: both;
- width: 960px;
- }
|
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