Question CSS : position:relative;top:-40px ... et gap de 40px

Question CSS : position:relative;top:-40px ... et gap de 40px - HTML/CSS - Programmation

Marsh Posté le 25-05-2010 à 15:28:52    

Salut,
 
Si j'ai :

Code :
  1. <div id="1"></div>
  2. <div id="2"></div>
  3. <div id="3"></div>


 
Et que je fais un :

Code :
  1. #1{position:relative;top:-40px}


Le div 1 est bien décalé de 40px vers le haut. Comment faire pour que le div 2 soit décalé d'autant pour le "coller" ?
Vous appliquez le même "top:-40px" sur chaque div ???
 
Merci

Reply

Marsh Posté le 25-05-2010 à 15:28:52   

Reply

Marsh Posté le 25-05-2010 à 15:30:53    

PS : pour l'instant sur le div 2 je fais une marge bottom négative de -40px mais pas sur que ce soit le top même si ça marche partout.

Reply

Marsh Posté le 25-05-2010 à 16:00:43    

jamais, mais jamais on bosse avec les positions relative pour deplacer des blocs, car lebloc garde la place à laquelle il était quand tu le position en relative.
 
mets juste un margin-top:-40px et c'est réglé


---------------
Blablaté par Harko
Reply

Marsh Posté le 25-05-2010 à 16:33:26    

Chez moi ton astuce ne fonctionne pas.

Reply

Marsh Posté le 25-05-2010 à 16:45:41    

déjà un id ne commence jamais par un chiffre
ensuite poste ton code complet on va elaguer tout ça;
 
Car le chez moi ca fonctionne pas, ça m'explique pas ce qui ne marche pas.
 
Au vue de ce que tu as commencé à faire , j'ai justement peur que tu t'y prennes mal


---------------
Blablaté par Harko
Reply

Marsh Posté le 25-05-2010 à 17:17:45    

Les chiffres, c'est mal choisi c'était pour l'exemple. Tu as tout à fait raison de le souligner.
Voici le résultat que j'ai mis en ligne http://www.nicetrotter.fr/
Ca concerne le menu qui est "posé" sur le header.
En tout cas chez moi ça s'affiche nickel, (sauf le drop down caché par mon 728 mais je dois voir ça avec mon annonceur)

 

EDIT : tes photos TRAVEL sont sympa par contre sur mon écran c'est un peu sombre non ?


Message édité par vanquishV12 le 25-05-2010 à 17:18:51
Reply

Marsh Posté le 25-05-2010 à 17:27:53    

j'ai viré les 3 top:XXpx de merde qui traine sur les 3 divs principaux (dont le menu
 
et sur le menu j'ai remplacé le margin-top:6px par un margin-top:-35px
et hop ça fonctionne.
 
Donc ne vient pas dire que ça ne marche pas.


---------------
Blablaté par Harko
Reply

Marsh Posté le 25-05-2010 à 17:40:53    

Ok je n'avais pas compris ça comme ça, maintenant ça fonctionne parfaitement.
 
Je n'avais jamais pensé à utiliser les marges négatives pour ça.
 
Merci pour ton aide, je dormirai moins bête.

Reply

Sujets relatifs:

Leave a Replay

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