La Communauté Webmaster  forum rss


  Forum-webmaster
  Webmastering
  Blogs / CMS
(Modérateurs: Lilian, Shain)
  Comment aligner<ul> avec code généré par du php
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Comment aligner<ul> avec code généré par du php  (Lu 2581 fois)
Comment aligner<ul> avec code généré par du php
« sur: le 26-04-2013 a 15:45:02 »
gwenm
Membre récent
*

Hors-Ligne

Messages: 42





Voir le Profil    E-Mail
Répondre avec citation

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^^

Rapporter au modérateur  

Re:Comment aligner<ul> avec code généré par du php
« Répondre #1 sur: le 26-04-2013 a 21:04:25 »
Wolf18
Guru
*****

Hors-Ligne

Sexe: Male
Messages: 1343





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  

Création de sites internet sur mesure Var (PACA) | Webdesign, découpage/codage, programmation, référencement
Communauté GTA5 francophone
Partageons l'actualité jeux-video
Re:Comment aligner<ul> avec code généré par du php
« Répondre #2 sur: le 27-04-2013 a 09:20:32 »
gwenm
Membre récent
*

Hors-Ligne

Messages: 42





Voir le Profil    E-Mail
Répondre avec citation

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..

Rapporter au modérateur  
Re:Comment aligner<ul> avec code généré par du php
« Répondre #3 sur: le 27-04-2013 a 10:57:15 »
dandreaweb
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 124



dandreaweb

Voir le Profil    WWW    E-Mail
Répondre avec citation

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>

Rapporter au modérateur  

Réalisation de sites internet , localisation : 69
dandreaweb.com
siren:534146618
Re:Comment aligner<ul> avec code généré par du php
« Répondre #4 sur: le 27-04-2013 a 11:21:36 »
gwenm
Membre récent
*

Hors-Ligne

Messages: 42





Voir le Profil    E-Mail
Répondre avec citation

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 :/

Rapporter au modérateur  
Re:Comment aligner<ul> avec code généré par du php
« Répondre #5 sur: le 27-04-2013 a 11:34:35 »
gwenm
Membre récent
*

Hors-Ligne

Messages: 42





Voir le Profil    E-Mail
Répondre avec citation

J'ai trouvé ici . J'ai donc supprimé <div id="navcontainer">

Merci pour votre aide ^^

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg