Discussion :

[dexter74]

Bonjour j'ai lus et relus la doc mais rien compris si quelqu'un pourrait m'aider svp.

J'aimerai svp un récapitulatif pour moi svp :

image de fond (background)
banniere
position (haute base gauche droite et auto)
hauteur largeur.

merci d'avance.

si vous avez une documentation meilleur et plus clair je suis preneur

[desert]

Bonjour,
Qu'est-ce que tu ne comprends pas dans les termes ?
Parce que si tu ne sais pas ce que veut dire largeur par exemple, cela va être difficile d'expliquer...

[dexter74]

Dans l'utilisation entre php et css.

1)J'arrive pas a comprendre comment centre ou mettre a gauche/droite un menu

2)Mettre dans le php le code qui faut pour la mise en forme le menu.

3) j'aimerai définir la taille du menu et la marge du menu (10px de la guache et droit par exemple)

4) Résumer de toutes les fonctions les plus utiliser qu'on peut faire avec le css avec leurs emplacement , pour les balise donner quelque exemple pour les class et id svp.
(par exemple mettre background dans telle ou telle endroit ...)


Voici un exemple que j'ai mis mais j'ai pas compris.

----
Css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
 
#menu
{
   float: left;
   width: 120px;
 
}
 
.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
 
   border: 2px solid black;
	-moz-border-radius:15px 15px 15px 10px; /* Arrondir */
   margin-bottom: 20px;
}
 
 
/* Quelques effets sur les menus */
 
 
.element_menu h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
 
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
 
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}
 
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}

Php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
      <div id="menu">        
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page1.html">Lien</a></li>
                   <li><a href="page2.html">Lien</a></li>
                   <li><a href="page3.html">Lien</a></li>
               </ul>
           </div>
 
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page4.html">Lien</a></li>
                   <li><a href="page5.html">Lien</a></li>
                   <li><a href="page6.html">Lien</a></li>
               </ul>
           </div>        
       </div>

Pourriez vous mettre des commentaire sur le code svp