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

Mise en page CSS Discussion :

Centrage texte et image dans cellules


Sujet :

Centrer un élément en CSS

  1. #1
    Membre à l'essai
    Homme Profil pro
    Technicien maintenance
    Inscrit en
    Octobre 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Technicien maintenance
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Octobre 2011
    Messages : 24
    Points : 16
    Points
    16
    Par défaut Centrage texte et image dans cellules
    Bonjour,

    Je viens vers vous afin d'avoir une petite aide car j'arrive pas à résoudre mon soucis.
    Voilà sur une page web j'ai mis un Picto en dessous l'intituler de la rubrique et en dessous le chois des sous rubrique
    Pour le premier, pas de soucis cela fonctionne et le résultat et comme je le souhaité.
    Je souhaite en rajouté, mais à chaque fois que je les rajoute comme le premier sa me l'ai met pas correctement

    Voici en image :

    Première rubrique résultat positif




    Quand j'en rajoute une sa me fais sa



    on dirait que les images sont centré et que l’intitulé et le formulaire et aligné à gauche


    j'aimerais que sa fasse comme sa si c'est possible



    Voici mon code

    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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
     
    <div id="content">
    	<div align="center">
    		<table width="500" border="0">
    			<tr>
    				<th scope="col">
    					<img src="../../images/logo-utilitaires.jpg" alt=" " width="120" height="80" border="1" />
    				</th>
    				<th scope="col">
    					<img src="../../images/logo-personnalisation.png" alt=" " width="120" height="80" border="1" />
    				</th>
    			</tr>
    			<tr>
    				<td><span class="Style1">Utilitaires</span></td>
    				<td><span class="Style1">Personnalisation</span></td>
    			</tr>
    			<tr>
    				<td>
    					<form> 
    						<select name="listepages" size="1" onChange="chgpage(this.form)">
    							<option selected="selected">Choisissez votre rubrique.</option>
    							<option value="./OS/">Systèmes d'exploitation</option> 
    						</select>
    					</form>
    				</td>
    				<td>
    					<form> 
    						<select name="listepages" size="1" onChange="chgpage(this.form)">
    							<option selected="selected">Choisissez votre rubrique.</option>
    							<option value="./Personnalisation/Amélioration_bureau">Amélioration du bureau</option> 
    							<option value="./Personnalisation/Curseur-Icone">Curseur & Icone</option> 
    							<option value="./Personnalisation/Ecran_veille">Ecran de veille </option> 
    							<option value="./Personnalisation/Gadgets-inutilitaires">Gadgets et inutilitaires</option> 
    							<option value="./Personnalisation/Police_caractère">Police de caractère</option> 
    							<option value="./Personnalisation/Thèmes_bureau">Thèmes de bureau</option> 
    							<option value="./Personnalisation/Widgets">Widgets</option> 
    						</select>
    					</form>
    				</td>
    			</tr>
    		</table>
    	</div>
    </div>
    Dans le CSS j'ai rajouté ceci mais rien change au souci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #content > table > th, 
    #content > table > td {
            text-align: center;
    }

    Dans l'attente d'une réponse de votre pars, je vous en remercie d'avance

    Bien cordialement

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    pourquoi pas un simple
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #content table {
        text-align: center;
    }

Discussions similaires

  1. redimensioner image dans cellule de tableau td
    Par durnambule dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 07/06/2010, 14h55
  2. [HTML] Pb texte sur image dans ligne d'un tableau
    Par hellspawn_ludo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 22/12/2007, 02h11
  3. insert image dans cellule
    Par philguio dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 06/06/2007, 09h05
  4. Differentes images dans cellules d'une StringGrid
    Par gazier20 dans le forum Composants VCL
    Réponses: 8
    Dernier message: 23/01/2006, 23h10
  5. [CSS]problème centrage texte de bouton dans une boîte
    Par Aurelius dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/09/2005, 16h01

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