CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème liste articles CSS/PHP ?

GeneralCock
GeneralCock
Niveau 10
18 novembre 2014 à 16:34:59

Bonjour, j'suis en train de m'entrainer sur le css là et je bloque sur un truc, admettons que j'ai un blog avec des articles, je veux que l'article le plus récent soit plus gros que les anciens en gros :
a2 = article n°2
a3 = article n°3
(ainsi de suite)

Titre du blog

Article 4
a3 a2 a1

Je sais déjà faire une liste d'article avec une boucle en PHP, mais comment réussir à modifier le css de l'article le plus récent ? J'dois rajouter une ligne dans ma table SQL et vérifier si elle est true/false si true alors je fais ceci ? Mais ça me semble un peu loufoque
Need help, merci !

GeneralCock
GeneralCock
Niveau 10
18 novembre 2014 à 16:45:30

Bon ben en fait c'était tout con :noel: ( mais le fait de l'écrire ça a fait réfléchir )
Il suffisait de faire 2 requêtes, une pour l'article le plus récent, et l'autre pour le reste. Après on applique ses class/id/css
:noel: /

Pseudo supprimé
Pseudo supprimé 18 novembre 2014 à 17:17:29

Salut, tu peux te passer d'une id en utilisant "nth-child".

Un exemple, en HTML5 tes articles seraient regroupés comme ceci:

<section id="news">
<article>Article 1</article>
<article>Article 2</article>
<article>Article 3</article>
<article>Article 4</article>
<article>Article 5</article>
</section>

En CSS tu pourras cibler un des enfants de ta section de façon simple, sans passer par une id pour tes articles:

  1. news article:nth-child(3){

color:red;
}

Ici l'article 3 sera modifié.

GeneralCock
GeneralCock
Niveau 10
18 novembre 2014 à 17:28:41

Effectivement ça peut être plus propre comme ça, mais dans ce cas je dois mettre une condition vis à vis du navigateur de l'internaute non ? Parce que s'il utilise un navigateur non compatible HTML5 ( dans le doute :noel: ) ben le css ne sera pas appliqué

deepblue
deepblue
Niveau 16
18 novembre 2014 à 22:38:18

C'est dommage de faire 2 requêtes quand une seule suffit. L'article le plus "grand" est le premier de te liste d'articles.

$articles = outilsQuiRécupèreLesArticles();

foreach($articles as $k => $article) {
if($k === 0) {
// premier article
} else {
// pas le premier article
}
}

Diabolo09
Diabolo09
Niveau 10
19 novembre 2014 à 15:21:42

Tu order ta requête sql par date desc.
Et tu met une condition de ta boucle, si c'est le premier, lui donner tel classe.

GeneralCock
GeneralCock
Niveau 10
19 novembre 2014 à 16:46:06

Merci pour les différentes aides qui fonctionnent toutes :ok:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment