Les partenaires publicitaires:

Comment positionner un div sur un objet

L'Internet est devenu le moyen de choix pour la publication d'idées et d'opinions, la commercialisation de produits et vous-même ou votre entreprise publicité. Cependant, la création d'un site web ne suffit pas pour être vu. Pour gagner du trafic Web, un site Web doit se démarquer des millions de pages concurrentes. En utilisant des méthodes telles que les divisions pour organiser et placer des objets et des informations dans des endroits spécifiques sur la page vous donne un look propre et bien conçu qui vous démarquer de la foule.

Instructions

  1. Ajouter une balise DIV à votre document Web en utilisant "

    "Tag pour commencer la division et la"
    "Pour y mettre fin. Tout le code ou le texte entre le début et les étiquettes de fin seront contenues dans la DIV. Divisions peuvent être réglés à une position spécifique, de sorte que vous pouvez mettre le code à tout point de votre document.




  2. Créer un attribut de style pour votre DIV en ajoutant "style =" à la balise DIV de début après le mot div mais avant la parenthèse fin. Attributs de style HTML peuvent définir une position, la taille et plus à votre division.

  3. Réglez la position d'être absolue en ajoutant "position: absolute-" à l'attribut de style. Utilisez coordonnées X et Y en pixels de placer à la division de votre objet avec le "top" et les balises "gauche". Par exemple, si vous voulez la DIV à 50 pixels de haut et 50 pixels de la gauche, de type "top: 50px; gauche: 50px;" après le code de position.



  4. Ajouter un "z-index" attribut après le code en haut et à gauche en tapant "z-index: 10-" pour assurer votre division apparaît en haut de l'objet et non en dessous. Un "z-index" supérieur apparaît sur le dessus des objets avec un inférieur "z-index."

  5. Ajouter des guillemets juste avant "position" et juste après le point-virgule de la z-index.

Conseils Avertissements

  • Si votre objet apparaît toujours en haut de la DIV, créer une nouvelle DIV pour l'objet avec un z-index plus bas.
  • Le code complet basé sur le tutoriel ci-dessus devrait ressembler à ceci:
  • Contenu DIV
» » » » Comment positionner un div sur un objet