Positionnement d'éléments dans la page

adam974 · 22/08/2011, 22h56

Bonjour,

Je suis actuellement entrain d'essayer de développer un site web dans le même genre que www.thedealmap.com.

Je suis au tout début et j'essaye de bien structurer mon ma page avant de créer ma page de donner, mais cela fait quelques heures que je n'arrive pas à déplacer certains elements dans mon body :

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
   <body>
 
	<img id="fond" src="fond/paris.jpg" alt="l'image de fond" title="l'image de fond" />
   <div id="conteneur">
 
    <button class="prev"><<</button>
	<button class="next">>></button>
 
 
<div class="anyClass">
    <ul>
        <li><img src="images/hawaii.jpg" alt="" width="100" height="100" ></li>
        <li><img src="images/hawaii.jpg" alt="" width="100" height="100" ></li>
        <li><img src="images/hawaii.jpg" alt="" width="100" height="100" ></li>
        <li><img src="images/hawaii.jpg" alt="" width="100" height="100" ></li>
		<li><img src="images/hawaii.jpg" alt="" width="100" height="100" ></li>
 
    </ul>
</div>
 
 
 
 
 
   <select name="Items" id="Items">
		<option value="option1">option1</option>
		<option value="option2">option2</option>
		<option value="option3">option3</option>
		<option value="option4">option4</option>	
	</select>
 
 
 
 
<form method="post" action="traitement.php">
   <p>
       Catégories :<br />
       <input type="checkbox" name="frites" id="frites" /> <label for="frites">Frites</label><br />
       <input type="checkbox" name="steak" id="steak" /> <label for="steak">Steak haché</label><br />
       <input type="checkbox" name="epinards" id="epinards" /> <label for="epinards">Epinards</label><br />
       <input type="checkbox" name="huitres" id="huitres" /> <label for="huitres">Huitres</label>
   </p>
</form>
 
 
 
   </body>

J'aimerais pouvoir déplacer ma class: anyClass et l'id Items, j'ai donc mis dans un premier temp dans dans mon CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.anyClass {
 
 
      top : 50%;
 
 
      }
 
#Items {
 
      top : 50%;
 
      }

Mais à ma grande surprise rien n'a bougé...

Pourriez vous m'aider svp.
Merci

Candygirl · 23/08/2011, 08h24

Hello,

comme spécifié dans les recommandations du W3C, la propriété top ne s'applique qu'aux éléments positionnés. Etait-ce ton cas ?

adam974 · 23/08/2011, 09h04

Je suppose que non comme mes éléments sont simplement placé dans des bloc div

23/08/2011, 08h24	#2
Candygirl Modératrice Inscription : juillet 2006 Messages : 1 529 Détails du profil Informations personnelles : Sexe : Âge : 40 Localisation : Suisse Informations forums : Inscription : juillet 2006 Messages : 1 529 Points : 1 869 Points : 1 869	Hello, comme spécifié dans les recommandations du W3C, la propriété top ne s'applique qu'aux éléments positionnés. Etait-ce ton cas ? __________________ Les bons réflexes: avant de poser une question: règles \| faq \| tutoriels \| recherche clarté, politesse, vocabulaire et orthographe soignés = efficacité remercier ceux qui ont pris le temps d'aider et si c'est le cas
	00

23/08/2011, 09h04	#3
adam974 Invité régulier Inscription : décembre 2008 Messages : 109 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 109 Points : 5 Points : 5	Je suppose que non comme mes éléments sont simplement placé dans des bloc div
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email