Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1713 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Question d'une débutante svp

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Question d'une débutante svp

n°1701880
lleia1
Posté le 13-03-2008 à 16:57:08  profilanswer
 

Bonjour,  
 
Je me permets de poser une question aux experts.
 
Je debute dans le xhtml et css.
 
Je trouvais mettre des espaces entre chaque élement de ce code
 
<div id="menu">
 
     
    <div class="menu_bienvenue">  <a href="chemin.html">BIENVENUE</a>  
 </div>
 
 
    <div class="menu_en_bref">  <a href="enbref.html"> EN BREF</a>
 </div>
 
 
    <div class="menu_rechercher">  <a href="rechercher.html">RECHERCHER</a>  
 </div>
 
 
    <div class="menu_categories">  <a href="categories.html">CATEGORIES</a>  
 </p> Qui sommes nous ?</div>
 </div>
 
 
J'ai utilisé <br>.
 
C'est ça ou il existe une autre méthode à mettre dans le css.
 
Merci d'avance de notre aide

mood
Publicité
Posté le 13-03-2008 à 16:57:08  profilanswer
 

n°1701899
texaff
Posté le 13-03-2008 à 17:11:31  profilanswer
 

je crois pas avoir tout compris... en gros ton menu est vertical? et tu souhaite espacer les lien c'est bien ca?  
 
a ce moment la tu peux rajouter dans la css un  
#menu div{ padding-bottom:5px;padding-top:5px;}
par exemple.
 
donc pas besoin de <br> (qui s'ecrit <br /> )  
 
ps: il y a une balise </p> qui n'a rien a faire la ;)
 

n°1702169
gatsu35
Blablaté par Harko
Posté le 14-03-2008 à 09:31:28  profilanswer
 

texaff a écrit :

je crois pas avoir tout compris... en gros ton menu est vertical? et tu souhaite espacer les lien c'est bien ca?  
 
a ce moment la tu peux rajouter dans la css un  
#menu div{ padding-bottom:5px;padding-top:5px;}
par exemple.
 
donc pas besoin de <br> (qui s'ecrit <br /> )  
 
ps: il y a une balise </p> qui n'a rien a faire la ;)
 


heu margin pas padding, le padding étant une marge interieur, et le margin exterieur, donc faut utiliser le margin

n°1702816
texaff
Posté le 15-03-2008 à 12:18:14  profilanswer
 

gatsu35 a écrit :


heu margin pas padding, le padding étant une marge interieur, et le margin exterieur, donc faut utiliser le margin


ouai tout dépend de ce qu'elle veut faire apres...  
si elle mets des couleurs de fond dans ses div par ex.

n°1702936
Ekuryua
Posté le 15-03-2008 à 20:57:52  profilanswer
 

lleia1 a écrit :


Je trouvais mettre des espaces entre chaque élement de ce code

 

<div id="menu">

 

   
    <div class="menu_bienvenue">  <a href="chemin.html">BIENVENUE</a>
 </div>

 


    <div class="menu_en_bref">  <a href="enbref.html"> EN BREF</a>
 </div>

 


    <div class="menu_rechercher">  <a href="rechercher.html">RECHERCHER</a>
 </div>

 


    <div class="menu_categories">  <a href="categories.html">CATEGORIES</a>
 </p> Qui sommes nous ?</div>
 </div>

 


J'ai utilisé <br>.

 

C'est ça ou il existe une autre méthode à mettre dans le css.

 


Pour un menu, il est plus propre d'utiliser une liste (puisqu'un menu est bien une liste).

 


<ul id="Menu_principal">
    <li><a href="./Bienvenue.html">Bienvenue</a></li>
    <li><a href="./En_bref.html">En bref</a></li>
    <li><a href="./Rechercher.html">Rechercher</a></li>
    <li><a href="./Catégories.html">Catégories</a></li>
    <li><a href="./Qui_sommes-nous.html">Qui sommes-nous?</a></li>
</ul>

 

Enfin j'ai un peu de mal à comprendre les noms de tes pages. "Bienvenue", "En bref", et "Qui sommes nous?", c'est assez proche.

 

Un menu plus classique:

 


<ul id="Menu_principal">
    <li><a href="./Accueil.html">Accueil</a></li>
    <li><a href="./Présentation.html">Présentation</a></li>
    <li><a href="./Actualité.html">Actualité</a></li>
    <li><a href="./Rechercher.html">Rechercher</a></li>
</ul>

 

... ou quelque chose comme ça. (Je sais pas ce qu'est ta page "Catégories" ).

 


En passant, si tu connais pas encore bien HTML, tu peux faire des sous-listes avec:

 


<ul id="Menu_principal">
    <li><a href="./Accueil.html">Accueil</a></li>
    <li><a href="./Présentation.html">Présentation</a>
        <ul>
            <li><a href="./Présentation/Association.html">Association</a></li>
            <li><a href="./Présentation/Membres.html">Membres</a></li>
            <li><a href="./Présentation/Projets.html">Projets</a></li>
        </ul>
    </li>
    <li><a href="./Actualité.html">Actualité</a></li>
    <li><a href="./Rechercher.html">Rechercher</a></li>
</ul>

 

(Regarde bien l'imbrication du <ul> dans le <li> parent).

 


Quoi qu'il en soit, il est préférable d'utiliser une majuscule initiale, puis des lettres minuscules. C'est plus lisible. Si vraiment tu veux des majuscules, utilise CSS, avec quelque chose genre:

 


ul#Menu_principal
{
    font-variant: small-caps;
}

 


Pour les autres styles, si tu veux, tu peux enlever les puces, à chaque entrée du menu, avec:

 


ul#Menu_principal
{
    list-style-type: none;
}

 


Si tu veux un menu horizontal, tu peux faire, notamment:

 


ul#Menu_principal li
{
    display: inline;
}

 


Et sinon, à quoi te servent toutes ces classes, sur les div? Si tu veux des styles différents pour chaque entrée (ce qui est pas vraiment conseillé, parce que trop de styles surchargent généralement la page, et rendent la lecture plus difficile), il est préférable d'utiliser un identifiant, plutôt qu'une classe (à moins que tu souhaites réutiliser ces styles ailleurs dans la page? enfin dans ce cas, appelle les classes quelque chose comme "Style_bienvenue", "Style_en_bref", etc., pour bien montrer ton intention).


Message édité par Ekuryua le 15-03-2008 à 20:58:31

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Question d'une débutante svp

 

Sujets relatifs
Question toute bête (je pense ^^)petite question sur l'héritage et les cast
Question très simple sur les flottantsquestion de débutant, casts & héritage
Petite question sur l'organisation d'un sitePetite question sur la stl et les pointeurs.
question technique sur sécurisation d'hergement mutualiséQuestions sur swing, awt, ... Jscrollpane, voir 7 ème post
question consernant un code contenant : instanceofquestion d'une débutante en C++
Plus de sujets relatifs à : Question d'une débutante svp


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR