[reglé] "position: absolute" me fait tout décaler, |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Malo-net
html mioche
|
 [reglé] "position: absolute" me fait tout décaler, , Posté le: 10-09-2004 16:49 |
|
|
Bonjour. Pour vous expliquer mon problème, je dois déabord vous décrire mon ébauche de site :
Tout en haut, à droite, il y a deux petits drapeaux qui permettent de changer de langue en cliquant dessus.
Puis, plus bas, il y a mon "menu". Il est composé de cinq images, chacune correspondant à une rubrique du site. Elles sont dans des blocs (div). La première est dans le "bloc1", et toutes les autres sont chacunes dans un bloc, mais c'est un "bloc2" pour toutes. J'ai 1% de marges dans le body, sur la droite et sur la gauche. Chaque bloc fait 18% de largeur, et il y a 2% entre chacun. Si on additionne le tout, on a 100%, dons ils sont tous bien répartis horizontalement.
En dessous il y a un titre.
Mais, à cause de mes drapeaux sur le droite, le bloc le plus à droite se décale plus bas (à mon avis c'est car le margin s'applique à partir du bas des drapeaux pour lui, alors que pour les autres c'est à partir du haut de la page). C'est pourquoi j'avais pensé mettre mes blocs en position absolue, pour que les drapeaux ne viennent pas décaler mon dernier bloc.
Mais qd je fais ça, c'est comme si tout ce que j'avais spécifié pour "repartir" horizontalement mes blocs disparraissait, ils s'alignent sur la gauche, et mon titre vient se mettre à leur droite... Je ne comprends vraiment pas... |
Dernière édition par Malo-net le 12-09-2004 22:58; édité 1 fois |
|
salemioche
salemioche
 |
|
Malo-net
html mioche
|
| Voila , Posté le: 11-09-2004 10:27 |
|
|
Voilà mes bouts de code :
CSS:
| Code: |
.bloc1 {
position: absolute
width: 18%;
height: 20%;
margin-left: 0%;
margin-top: 30px;
float: left
}
.bloc2 {
position: absolute
width: 18%;
height: 20%;
margin-left: 2%;
margin-top: 30px;
float: left
}
|
HTML :
| Code: |
<div class="bloc1"><a href="sonerezh/index.html"><img class="skeudenn" alt="va sonerezh" src="../images/badig.jpg"><p class="kreiz">sonerezh</p></a></div>
<div class="bloc2"><a href="raktresoù/index.html"><img class="skeudenn" alt="va raktresoù" src="../images/raktresoù.jpg"><p class="kreiz">va raktresoù</p></a></div>
<div class="bloc2"><a href="forum/index.html"><img class="skeudenn" alt="va forum" src="../images/fourm.jpg"><p class="kreiz">ar forum</p></a></div>
<div class="bloc2"><a href="liammoù/index.html"><img class="skeudenn" alt="liammoù" src="../images/liammoù.jpg"><p class="kreiz">liammoù</p></a></div>
<div class="bloc2"><a href="darempred/index.html"><img class="skeudenn" alt="daremprediñ ganin" src="../images/darempred.jpg"><p class="kreiz">darempred</p></a></div> |
|
|
|
SIBELIUS
html mioche
 |
| [reglé] "position: absolute" me fait tout décaler, , Posté le: 11-09-2004 10:48 |
|
|
Tu as 4 div class="bloc2" placés par défaut à top:0 et left:0 (puisque tu ne leur donnes pas ces valeurs), donc ils s'affichent l'un sur l'autre.
Si tu veux qu'ils s'affichent l'un sous l'autre, il suffit de supprimer la position absolue. |
|
|
Malo-net
html mioche
|
| ... , Posté le: 11-09-2004 11:35 |
|
|
| En fait, je veux qu'ils s'affichent l'un a coté de l'autre... |
|
|
SIBELIUS
html mioche
|
| [reglé] "position: absolute" me fait tout décaler, , Posté le: 11-09-2004 12:17 |
|
|
Dans ce cas, il faut leur spécifier un valeur pour left
Mais la meilleure solution serait de les placer en flottant :
http://www.alsacreations.com/articles/div/ |
|
|
Malo-net
html mioche
|
| OK , Posté le: 12-09-2004 22:22 |
|
|
C'est ce que j'avais fait au départ, mais du coup mon dernier bloc descendait, à cause du drapeau qui se trouve au dessus (cf mon premier post).
La solution que j'ai trouvé est donc de définir un troisième type de bloc dont la margin-top sera égale à celle des autres moins la hauteur du drapeau. Mais Je voulais savoir s'il n'éxistait pas un autre moyen. |
|
|
Malo-net
html mioche
|
| J'ai trouvé ! , Posté le: 12-09-2004 23:00 |
|
|
J'ai trouvé !
En fait, j'ai mis tous mes blocs dans un autre, qui s'appelle "menu" et qui prend 100% de la largeur. Et du coup, ça arrange tout ! |
|
|
|
 ![Répondre au sujet à css:[reglé] "position: absolute" me fait tout décaler,](templates/subSilver/images/lang_french/reply.gif) |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
