Css et alignement de texte [réglé]

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par grassel, 22 Mai 2006.

  1. grassel
    grassel Nouveau WRInaute
    Inscrit:
    11 Mai 2006
    Messages:
    13
    J'aime reçus:
    0
    bon soir

    en maniant une Css, je parviens à placer du texte à droite ou gauche d'une cellule de tableau.

    Mais comment faire pour faire en sorte que le texte se place en haut de la cellule ?

    voici un exemple :
    http://perso.wanadoo.fr/chateau.volkrange

    CLiquer sur "Activités"
    J'ai laissé volontairement les bordures du tableau de gauche. Je voudrais que "histoire" soit contre la bordure en haut.
    Les paramètres "bloc" n'ont pas d'incidence sur le positionnement vertical du texte alors que horizontalement cela fonctionne.

    je ne vois pas où cela bloque. je n'ai défini de style hormis la taille, la couleur et le placement à gauche.

    merci de me donner une piste
     
  2. Tisha
    Tisha WRInaute discret
    Inscrit:
    20 Août 2003
    Messages:
    53
    J'aime reçus:
    0
    Dans le cadre de gauche, si TD en vertical-align:top et que H2 en magin:0 et padding:0

    Code:
        <td style="vertical-align:top;" height="183" width="118"><h2 style="margin:0; padding:0;"><span class="h2">Histoire<br>
    
    à vérifier.

    Tisha
     
  3. grassel
    grassel Nouveau WRInaute
    Inscrit:
    11 Mai 2006
    Messages:
    13
    J'aime reçus:
    0
    bon soir merci pour votre aide

    je viens de tester celà fonctionne. Malheureusement je n'ai pas encore trouvé pourquoi !

    je vais de suite chercher à comprendre et voir où retrouver vos paramètres dans mon éditeur de page et de Css.

    par contre, pour info, j'ai ce message à la suite de la modif du code:
    [La prise en charge des valeurs top, text-top, middle, bottom et text-bottom de la propriété CSS vertical-align est incomplète]

    c'est passionnant, mais B.... c'est pas du tout cuit !

    merci à vous
    amicalement
     
  4. grassel
    grassel Nouveau WRInaute
    Inscrit:
    11 Mai 2006
    Messages:
    13
    J'aime reçus:
    0
    en fait, lorsque j'utilise une feuille de style, c'est en redéfinissant la balise td avec vertical_align : top, j'obtiens ce que je cherche

    y a t'il une autre façon pour parvenir au même résultat ?

    merci encore et au plaisir
     
  5. Tisha
    Tisha WRInaute discret
    Inscrit:
    20 Août 2003
    Messages:
    53
    J'aime reçus:
    0
    Les navigateurs ont un comportement par défaut lorsqu'un style particulier n'est pas défini. Sur les cellules d'un tableau, le comportment par défaut est d'aligner verticalement au centre. En définissant un style vertical-align:top ça change le comportment pour faire l'alignement sur le haut de la cellule.

    Quel est le logiciel? Peut-être attend-t-il une définition ccs de height? Mais je suis absoluement certaine que style="vertical-align:top" est une définition complète et conforme.

    Comme l'alignement désiré est vers le haut, il se peut que l'attibut height="183" soit tout simplement de trop. Sans définition de hauteur sur un tableau d'une seule cellule, alors aucun alignement vertical n'est nécessaire.

    Tisha
     
Chargement...
Similar Threads - Css alignement [réglé] Forum Date
Interro surprise pour les rois du CSS : Alignement en diagonale Développement d'un site Web ou d'une appli mobile 23 Juillet 2015
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
Alignement CSS + image Développement d'un site Web ou d'une appli mobile 17 Novembre 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
Problème d'alignement vertical en css Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
css alignement input IE et firefox : perte de cheveux ! RESOLU Développement d'un site Web ou d'une appli mobile 5 Janvier 2010
CSS alignement texte image Développement d'un site Web ou d'une appli mobile 28 Août 2008
Problème alignement d'un div en css Développement d'un site Web ou d'une appli mobile 26 Juin 2008
[CSS] Problème d'alignement sous IE... Développement d'un site Web ou d'une appli mobile 14 Mai 2007
Css et alignement image Développement d'un site Web ou d'une appli mobile 22 Janvier 2007
[CSS] Problème d'alignement sous Firefox (OK avec IE) Développement d'un site Web ou d'une appli mobile 18 Octobre 2006
[CSS] Bug alignement en bas Développement d'un site Web ou d'une appli mobile 11 Février 2006
CSS alignement texte Développement d'un site Web ou d'une appli mobile 8 Janvier 2006
problème d´alignement => CSS Administration d'un site Web 20 Juin 2005
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021