Imprimer la Page

Forum-webmaster

Webmastering => Blogs / CMS => Message commencé par: gwenm le le 26-04-2013 a 15:45:02

Titre: Comment aligner<ul> avec code généré par du php
Posté par: gwenm le le 26-04-2013 a 15:45:02

Bonjour, j' essais t'en bien que mal depuis ce matin d'afficher la liste des articles de la catégorie active, horizontalement. J'ai le bon script, mais je n'arrive pas à faire que mes balises <ul><li> soient alignés. Pourtant il me semble avoir un bon code css. Je n'y connais pas grand chose mais j'ai l'impression que c'est par ce que les titres sont générés par un code et non écrit à la main..?^J'utilise wordpress.

css:

Code:

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer ul li { display: inline; }

Mon script pour afficher les articles:

Code:

<div id="navcontainer">
<?php
$IDOutsideLoop = $post->ID;
while( have_posts() ) {
   the_post();
   foreach( ( get_the_category() ) as $category )
      $my_query = new WP_Query('category_name=' . $category->category_nicename . '&orderby=title&order=asc&showposts=100');
   if( $my_query ) {
      while ( $my_query->have_posts() ) {
         $my_query->the_post(); ?>
         <li<?php print ( is_single() && $IDOutsideLoop == $post->ID ) ? ' class="test"' : ''; ?>>
            <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
         </li>
<?php
      }
   }
}
?>
</ul>
</div>

Le résultat:

Merci pour votre aide^^

Titre: Re:Comment aligner<ul> avec code généré par du php
Posté par: Wolf18 le le 26-04-2013 a 21:04:25

En fait par défaut la balise UL a des marges, elles sont d'ailleurs différentes d'un navigateur à un autre. Essayes de supprimer la ligne suivante de ton CSS :

Code:

margin: 0;

Tu peux aussi enlever la suivante concernant le padding. Regarde le résultat ;)

Titre: Re:Comment aligner<ul> avec code généré par du php
Posté par: gwenm le le 27-04-2013 a 09:20:32

Salut Wolf18 et merci pour ton aide, j'ai essayé ce que tu me propose, mais ca ne fonctionne pas..y a rien qui change en faite..

Titre: Re:Comment aligner<ul> avec code généré par du php
Posté par: dandreaweb le le 27-04-2013 a 10:57:15

salut gwenm,
Pourrais-tu nous mettre le lien de la page. Dans le code que tu nous mets il n'y a pas la balise ouvrante <ul> mais seulement la fermante </ul>

Titre: Re:Comment aligner<ul> avec code généré par du php
Posté par: gwenm le le 27-04-2013 a 11:21:36

Ha mais oui, tu as raison dandreaweb! J'avais oublié de mettre la balise ouvrante <ul>! Je m'en était rendu compte en faisant tout un tas de teste hier et j'ai fini par le ré-oublier, satané copier/coller! Mais par contre c'est bien horizontale, mais j'aimerais pouvoir faire au moins 3 colonnes..car la c'est pas terrible pour s'y retrouver :/

Titre: Re:Comment aligner<ul> avec code généré par du php
Posté par: gwenm le le 27-04-2013 a 11:34:35

J'ai trouvé ici (http://creer-un-site.fr/creer-des-colonnes-en-css-a-partir-d-une-liste-148.php) . J'ai donc supprimé <div id="navcontainer"> ;)

Merci pour votre aide ^^