Img aligner en haut à droite de la cellule de tableau

  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Juillet 21st, 2008, 12:11 pm

Im ayant un trouble quelques obtenir l'image logo.jpg d'aligner en haut et à droite de la cellule, des idées? Elle aligne au milieu du côté droit.

Code: [ Select ]
<table width="740" border="0" cellspacing="0" cellpadding="0"  id="tableID">
    <tr>
        <td style="background-image:url(header.jpg); height:120px; valign:top;">
            <div style="vertical-align:top; text-align:right">
                <a href="index.php">
                    <img src="/logo.jpg" id="Home" style="border:0px" alt="Home"/>
                </a>
            </div>
        </td>
    </tr>
...
  1. <table width="740" border="0" cellspacing="0" cellpadding="0"  id="tableID">
  2.     <tr>
  3.         <td style="background-image:url(header.jpg); height:120px; valign:top;">
  4.             <div style="vertical-align:top; text-align:right">
  5.                 <a href="index.php">
  6.                     <img src="/logo.jpg" id="Home" style="border:0px" alt="Home"/>
  7.                 </a>
  8.             </div>
  9.         </td>
  10.     </tr>
  11. ...
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 21st, 2008, 12:11 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 21st, 2008, 12:33 pm

Il existe deux manières différentes d'apprendre que cela fonctionne. Ma suggestion serait de fixer la hauteur de votre DIV égale à une cellule du tableau...

Code: [ Select ]
<table width="740" border="0" cellspacing="0" cellpadding="0"  id="tableID">
    <tr>
        <td style="background-image:url(header.jpg); height:120px;">
            <div style="text-align:right;height:120px;">
                <a href="index.php">
                    <img src="/logo.jpg" id="Home" style="border:0px" alt="Home"/>
                </a>
            </div>
        </td>
    </tr>
  1. <table width="740" border="0" cellspacing="0" cellpadding="0"  id="tableID">
  2.     <tr>
  3.         <td style="background-image:url(header.jpg); height:120px;">
  4.             <div style="text-align:right;height:120px;">
  5.                 <a href="index.php">
  6.                     <img src="/logo.jpg" id="Home" style="border:0px" alt="Home"/>
  7.                 </a>
  8.             </div>
  9.         </td>
  10.     </tr>


Alternativement, vous pouvez utiliser le valign "" attribut de l'élément TD.
- dM
  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Juillet 21st, 2008, 9:21 pm

Muchly apprécié - mauvais test ce soir :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Juillet 21st, 2008, 11:57 pm

ou vous pouvez ajouter qu'en tant que background-image et ajoutez la ligne suivante:
Code: [ Select ]
background-image:url('/logo.jpg');
background-position:top right;
background-attachment:fixed;
  1. background-image:url('/logo.jpg');
  2. background-position:top right;
  3. background-attachment:fixed;


Essayez ici
Let's leave all our *plum* where it is and go live in the jungle ...

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 89 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC