Bonjour,
Je viens vers vous car je n'arrive malheureusement pas à trouver d'où vient mon problème.
J'ai commencé à réaliser un thème wordpress très basique, afin d’acquérir des bases avant d'en faire un plus complexe.
Alors, le soucis, c'est que ma page "blog" (qui est une catégorie sous wordpress, et donc correspond à archive.php) à un soucis d'alignement (elle devrait être centrée!), alors qu'elle partage un style similaire à celui de mes autres pages.
J'ai bien cherché un peu partout, revu mes feuilles de style.. rien n'y fait, je n'arrive pas à savoir pourquoi.
Ci-dessous, le contenu de la page et le style associé :
archive.php
main.css
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <?php get_header();?> <div class="page"> <div class="title"><h1><?php single_cat_title();?></h1></div> <div class="bg-box"> <?php if (have_posts()) : while(have_posts()) : the_post();?> <div class="posts-archive"> <div class="posts-top"> <h3><a href="<?php the_permalink();?>"><?php the_title();?></a></h3> </div> <?php the_excerpt();?> </div> <?php endwhile; endif;?> </div> </div> <?php get_footer();?>
style.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 .page { margin: auto; max-width: 1000px; width: 100%; } /* Titre des pages */ .title { color: white; } /* background du contenu */ .bg-box { max-width: 1000px; width: 100%; background: #232323; color: white; } .posts-top { display: inline-block; max-width: 1000px; width : 100%; max-height: 15px; height: 100%; } .posts-archive { margin: auto; max-width: 970px; width: 100%; padding-bottom: 20px; }
J'ai aussi up rapidement un site avec le thème sur un hébergeur gratuit, pour ceux qui aimeraient voir en live : http://matra.byethost7.com/category/blog/ (on peut facilement comparer l'alignement entre la page Accueil et la page Blog, dont il est question).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 body { height: 100%; width: 100%; background: #444444; }
Partager