Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3751 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1995957
vanquishV1​2
se coucher tard nuit
Posté le 25-05-2010 à 15:28:52  profilanswer
 

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

mood
Publicité
Posté le 25-05-2010 à 15:28:52  profilanswer
 

n°1995961
vanquishV1​2
se coucher tard nuit
Posté le 25-05-2010 à 15:30:53  profilanswer
 

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.

n°1995987
gatsu35
Blablaté par Harko
Posté le 25-05-2010 à 16:00:43  profilanswer
 

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
n°1996005
vanquishV1​2
se coucher tard nuit
Posté le 25-05-2010 à 16:33:26  profilanswer
 

Chez moi ton astuce ne fonctionne pas.

n°1996012
gatsu35
Blablaté par Harko
Posté le 25-05-2010 à 16:45:41  profilanswer
 

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
n°1996031
vanquishV1​2
se coucher tard nuit
Posté le 25-05-2010 à 17:17:45  profilanswer
 

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
n°1996039
gatsu35
Blablaté par Harko
Posté le 25-05-2010 à 17:27:53  profilanswer
 

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
n°1996045
vanquishV1​2
se coucher tard nuit
Posté le 25-05-2010 à 17:40:53  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Problème dans les code HTML et CSSAppliquer un style à un élément parent au survol d'un enfant (CSS)
Question à intégrateurs HTML/CSSvoir 4 eme reponse probleme chonometre
Question sur le duo new/delete dans une foncitonUtiliser un iterator sur un vector à 2 dimensions - position
un peu perdu avec les CSS[resolu] Probleme d'heritage des CSS
Question de débutante, débutante, débutante 
Plus de sujets relatifs à : Question CSS : position:relative;top:-40px ... et gap de 40px


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)