IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Question facile sur l' Alignement


Sujet :

HTML

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    147
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 147
    Par défaut Question facile sur l' Alignement
    Bonjour à tous,
    sur le code suivant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    <div class="CollapsiblePanelTab" tabindex="0">
    	<table border="0" cellpadding="0" cellspacing="0">
    		<tbody><tr>
    			<td>
    				<img class="closedArrow" src="/vodpc/images/listeContenus/arrow1.gif"><img class="openArrow" src="/vodpc/images/listeContenus/arrow2.jpg">						
    			</td>
    			<td>
     
    				<div class="hilightText" onclick="checkMoralityContentListeContenu('vod_3718', 'noCheckParentalCode'); monitoring('CATALOGUE', saveCat + '_' + echapperString('10') + '_' + 'FicheDetails');">Soirée Spéciale Omar et Fred - 1ere partie</div>
    			</td>
    			<td style="text-align: right;" align="right">
    				<div class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);">
    					<div>Derniers Jours</div>
    					</div>
     
    			</td>
    		</tr>
    	</tbody></table>						
    </div>
    Je désire aligner le texte "Dernier Jour" à droite.
    J'ai essayé d'utiliser align=right et text-align: right; sur le dernier td mais cela n'a rien donné
    La piece jointe représent l' état actuelle.
    La balise table ne prend par toute la longueur disponible dans la balise div ayant la class CollapsiblePanelTab (première div).C'est peut-^^etre la clé du prb. Mais dans ce cas je ne sais pas comment faire en sorte que cette balise table prenne toute la place dispo dans la balise div...
    Images attachées Images attachées  

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Salut,

    Pourquoi deux div imbriqués ?? Le deuxième sert-il à quelque chose ?

    Si non pourquoi pas comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    
    <td>
         <div class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);">
                Derniers Jours
         </div>
    </td>
    Et pourquoi pas utiliser un span ? ou tout simplement retirer le div ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    
    <td class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);">
                Derniers Jours
    </td>

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    147
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 147
    Par défaut
    Je laisse la structure en place.
    Mon objectif est uniquement de changer l'alignement du text "dernier jour".

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Ben tu n'as qu'à mettre ton alignement directement dans le dernier div

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    147
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 147
    Par défaut
    Citation Envoyé par Kerod Voir le message
    Ben tu n'as qu'à mettre ton alignement directement dans le dernier div
    J'ai déjà essayé et c'est d'ailleur ce qui est dans le code.
    J'ai donc essayé d'utiliser text-align: right; et align=right dans le dernier bloc et cela sans réultat.
    C'est d'ailleur toute la problématique

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <td align="right" style="text-align: right;" align="right">
    	<div class="closedDerniersJours" style="text-align: right; color: rgb(184, 184, 184);">
    		<div style="text-align: right;">Derniers Jours</div>
    	</div>
    </td>

  6. #6
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Je laisse la structure en place.
    Personnellement, je la reverrai...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  7. #7
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Dans ce cas le soucis ne vient pas de l'alignement mais plutôt de la largeur de ton table. Actuellement il prend la largeur minimum, c'est-à-dire celle définie par son contenu.

    Si tu veux obtenir le résultat attendu, donne un width à ton tableau par exemple.

    De mon côté j'ai essayé avec 100% et l'alignement était bien présent

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    147
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 147
    Par défaut
    Solution :
    <table border="0" cellspacing="0" cellpadding="0" width="100%">

    [Edit] Tu as été plus rapide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Questions sur l'alignement des adresses
    Par unomadh dans le forum C++
    Réponses: 4
    Dernier message: 21/07/2011, 16h34
  2. Question facile sur sql
    Par pogy dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 13/06/2008, 07h48
  3. Question théorique (facile) sur les jointures
    Par chateau_dur dans le forum Langage SQL
    Réponses: 4
    Dernier message: 20/12/2007, 01h12
  4. Question facile sur la classe string
    Par MarOne dans le forum Langage
    Réponses: 9
    Dernier message: 20/04/2006, 14h28
  5. 2 Questions facile sur scrollbar et Accents
    Par mamizo dans le forum Bases de données
    Réponses: 2
    Dernier message: 07/02/2005, 11h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo