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

CSS et tableau

Titiplouff
Titiplouff
Niveau 10
17 juillet 2014 à 13:22:29

Bonjour,
J'ai une petite question:
Par exemple j'ai un tableau de 3 colonnes, est il possible de faire en sorte que la 2eme colonne fasse par exemple 20% de la largeur ? En CSS. Sans à avoir a toucher au HTML.
Merci d'avance de vos réponses

Pseudo supprimé
Pseudo supprimé 17 juillet 2014 à 14:12:23

Essaye de faire dans le HTML pour ta 2ème colonne
<td class="largeur">

Et sur le CSS

.largeur {
width: 20%;
}

Titiplouff
Titiplouff
Niveau 10
17 juillet 2014 à 14:33:22

Merci, mais j'aimerais ne pas avoir a touché du tout au HTML. Juste ajouter l'ID au tableau.
Par exemple avoir un ID "table01", qui ferait mettre automatiquement la colonne 2 a 20%, la 3 à 30%. Voilà.

Pseudo supprimé
Pseudo supprimé 17 juillet 2014 à 14:36:38

Je vois ce que tu veux dire et à ce que je saches c'est pas possible à moins de seulement mettre dans le CSS

.td {
width: 20%;
}

Mais ce qui fera que toutes tes colonnes auront cette largeur...

yes-man
yes-man
Niveau 13
17 juillet 2014 à 15:22:52

http://jsfiddle.net/BvDBx/

Tiens, c'est avec la propriété nth-child (CSS3) que tu peux le faire.

http://css-tricks.com/how-nth-child-works/

yes-man
yes-man
Niveau 13
17 juillet 2014 à 15:25:03

Ceci dit, ce genre de propriétés sont à manipuler correctement et pas à tout va :oui:

Titiplouff
Titiplouff
Niveau 10
17 juillet 2014 à 15:57:36

Parfait, merci à toi. :coeur:

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