HTML, CSS Modifier


1

i a écrit un code HTML et que vous souhaitez modifier son point de vue en utilisant le code CSS

   <div id="contact_4" name="contact" > 
       <input type="checkbox" id="chk_4" class="contactChk"/> 
       <img height="25" width="25" alt="" src="Images/Contacts/1.jpg" style="width: 30px; height: 35px;"/> 
       <span class="contactItem" id="contactName_4" name="contactName"> 
        Amr ElGarhy 
       </span> 
       <img src="Images/Common/Motiva.png" alt=""/> 
       <br/> 
      </div> 

alt text http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG

Ce que je veux faire est de rendre le texte et les images alignement vertical dans la principale div , s'il vous plaît si quelqu'un sait comment le faire sans utiliser de tables et juste en utilisant CSS, et me conseiller aussi si je dois modifier le code HTML lui-même.

MISE À JOUR: Je veux que tout le div diviseur principal soit aligné verticalement. comme vous pouvez le voir dans l'image ce texte, checkbox et les 2 images sont alignées en bas par défaut que je souhaite surcharger.

  0

Vous devrez donner une meilleure explication de ce que vous essayez de faire 22 févr.. 092009-02-22 10:57:02

  0

Vertical milieu ou horizontal milieu? 22 févr.. 092009-02-22 11:10:39

2

Pour ce faire:

#contact_4 * {  
    vertical-align: middle; 
    display: inline; 
} 

Le "display: inline;" n'est pas nécessaire si vous n'avez aucun autre style modifiant ces types d'affichage d'éléments.

P.S. Il n'y a pas d'attribut "name" pour les éléments div et span.

  0

Votre réponse est la plus simple alors que d'autres solutions peuvent également s'appliquer. ne savait pas que c'est trop facile comme ça, mais sûr pour l'expérience personne;) 22 févr.. 092009-02-22 11:23:11


0

Je ne suis pas gourou au CSS, mais peut-être mettre ces derniers sur tous les éléments contribuerait:

margin-top: auto; 
margin-bottom: auto;