Question d'une débutante svp

Question d'une débutante svp - HTML/CSS - Programmation

Marsh Posté le 13-03-2008 à 16:57:08    

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

Reply

Marsh Posté le 13-03-2008 à 16:57:08   

Reply

Marsh Posté le 13-03-2008 à 17:11:31    

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 ;)
 

Reply

Marsh Posté le 14-03-2008 à 09:31:28    

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

Reply

Marsh Posté le 15-03-2008 à 12:18:14    

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.

Reply

Marsh Posté le 15-03-2008 à 20:57:52    

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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed