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

HTML/CSS Ecart entre les listes à puces

cyprienofficiel
cyprienofficiel
Niveau 9
03 septembre 2012 à 13:31:05

Salut !

Petit problème en CSS ou HTML je ne sais pas..

J'ai une liste à puces :

<ul>
<li><a href="event.php"><h3>#Evénements</h3></a></li>
<li><a href="membre.php"><h3>#Membres</h3></a></li>
<li><a href="video.php"><h3>#Vidéos</h3></a></li>
</ul>

Voici le css du bloc ou il y a la liste :

  1. head

{
margin: auto;
width: 980px;
}

  1. menu

{
float: left;
background-color: #00B515;
padding: 5px;
}

  1. menu li

{
list-style: none;
}

Et ce que ca donne :

  1. Evénements
  1. Membres
  1. vidéos

Mais moi je veux :

  1. Evenements
  1. Membres
  1. Vidéos

Une solution ?
Merci d'avance :)

vava740
vava740
Niveau 10
03 septembre 2012 à 13:37:29

Tu peux mettre tout le code ?

Je vois aucun id "head" ou "menu" déjà. :noel:

Fire_Storm
Fire_Storm
Niveau 10
03 septembre 2012 à 13:43:11

h3 est un élément de type bloc donc tu auras un écart au dessus et en dessous.

Soit tu le transformes en inline avec display: inline, soit tu fout une régle qui dit que le margin et le padding sont à 0.

cyprienofficiel
cyprienofficiel
Niveau 9
03 septembre 2012 à 14:00:27

Merci kevin

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