Geckozone

Bonjour,

J'ai un souci ...
Jedecouvre NVu depuis qq jours (grace a un tuto) dans le but de creer un site pour un club de sport...

J ai cree un tableau sur une des pages que je vais exporter sur toutes les pages ensuite et qui sera le "menu" du site...

J'ai un souci... Je n'arrive pas a centrer VERTICALEMENT mon texte dans les cellules de mon tableau...

J'ai un peu tout essaye : regle "verticalalign" dans le tableau, dans une cellule, j ai meme essaye avec les feuilles de style mais rien n y fait...

Pouvez vous m aider SVP?

MERCI

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

On se calme, on ne crie pas, on ne voit pas rouge

dans la barre des tâches, en bas de l'écran Nvu:
clic droit sur tbody -> style interne -> propriétés du texte -> alignement: centré
qui se traduit par:

Code : Tout sélectionner

style="text-align: center;"

ben voilà, pourquoi s'énerver

quand tu aura bien compris les styles, tu pourras mettre ça dans une feuille de style où le texte align center s'appliquera soit au <tbody> (tableau), soit à tous les <td> (cellules):

Code : Tout sélectionner

<style type="text/css">
  td { text-align: center;
    }
</style>

Centrer verticalement dans une cellule:
cliquer dans la cellule > en bas dans la barre clique droit sur <td> > propriétés avancées > attribut : valign > valeur : middle > ok

autant pour moi, j'étais sur l'alignement horizontal

j'ai honte

Merci, Do-it

Do-IT a écrit :Centrer verticalement dans une cellule:
cliquer dans la cellule > en bas dans la barre clique droit sur <td> > propriétés avancées > attribut : valign > valeur : middle > ok

Oui mais comme je l 'ai deja dit j'ai deja essaye cela et... ce n a aucun effet sur le centrage vertical...

Une autre idee?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Ben, chez moi, le centrage vertical est défini par défaut.
Il ne traînerait pas une règle imposant un autre centrage, quelque part?

homer74 a écrit :Oui mais comme je l 'ai deja dit j'ai deja essaye cela et... ce n a aucun effet sur le centrage vertical..

Ymai a écrit :Il ne traînerait pas une règle imposant un autre centrage, quelque part?

Les gens qui posent des questions ne donnent pas leur code spontanément, dommage. Si homer74 donne le sien, on risque de voir que sa cellule qui ne réagit pas à "valign" est incluse dans une autre cellule munie d'un "valign" qui prévaut (ou, d'ailleurs, incluse dans n'importe quoi d'autre qui fout le b...). Peut-être son tableau est-il pas trés orthodoxe, donc. Tu peux modifier dans la cellule incluse, ça ne sert à rien.
Si ton texte tient en moins d'une ligne, tu peux tenter de faire "hauteur de ligne" de ce texte égale à la hauteur de la cellule. C'est une bidouille, si ton texte est sur plusieurs lignes, c'est nul (mais j'ai pas le code ni le texte, alors je sais pas).
Il vaut bien mieux trouver ce qui "gèle" le "valign : middle" de cette nom de bon sang de bonsoir de bondieu d'là de cette f... cellule dont le texte veut pas bouger.

Ymai a écrit :Ben, chez moi, le centrage vertical est défini par défaut.
Il ne traînerait pas une règle imposant un autre centrage, quelque part?

c'est bien ce qu'il me semble être le comportement par défaut des tableaux ...

merci pour ces reponses..

oui c 'est possible qu a force de "bidouiller" j'ai inclus un "valign" dans un autre....

je vous joins le code source !

Merci d avance!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-FR">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>LUGDUNUM BADMINTON ==== Inscriptions ====</title>
<meta content="Clod'" name="author">
<style title="Style GENERAL" type="text/css">
body { font-family: Comic Sans MS;
font-size: 12px;
}

h2 { text-transform: uppercase;
font-weight: bold;
font-style: normal;
font-family: Berlin Sans FB;
font-size: x-large;
text-decoration: overline;
}

h3 { font-family: Berlin Sans FB;
text-decoration: overline;
font-weight: normal;
text-transform: capitalize;
font-size: 16px;
}

</style>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(img/fond2_bis_web.gif);"
alink="#000099" link="#000099" vlink="#990099">
<br>
<br>
<br>
<br>
<table style="width: 900px; height: 120px; text-align: left;"
align="right" border="0" cellpadding="2"
cellspacing="2">
<tbody>
<tr style="background-color: rgb(186, 214, 169);"
align="center">
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<div>
<h3><a href="index.html">Accueil</a></h3>
</div>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<h3><a href="inscriptions.html">Présentation</a></h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<h3><a href="Presentation.html">Inscriptions</a></h3>
</td>
<td
style="font-family: Comic Sans MS; background-color: rgb(255, 102, 102); width: 80px; text-align: center; vertical-align: middle;">
<h3>Tournois</h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; background-color: rgb(255, 102, 102); width: 80px;">
<h3>Interclubs</h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px; background-color: rgb(255, 102, 102);">
<h3>Défi interne</h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<h3>Evénements</h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<h3>Liens utiles</h3>
</td>
<td
style="text-align: center; vertical-align: middle; font-family: Comic Sans MS; width: 80px;">
<h3>Règles du bad'</h3>
</td>
<td
style="font-family: Comic Sans MS; text-align: center; vertical-align: middle; background-color: rgb(107, 163, 204); width: 80px;">
<h3>Photos & Vidéos</h3>
</td>
<td style="width: 13px; background-color: rgb(255, 204, 255);"></td>
</tr>
<tr style="font-weight: bold;">
<td
style="text-align: center; vertical-align: middle; background-color: rgb(220, 161, 8);"
colspan="10" rowspan="1" valign="middle">
<h2>Inscriptions</h2>
</td>
<td style="width: 13px;"></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
       
   
    Feuille d'inscription (en
téléchargement, format .pdf) ici <button
name="Clic" type="button"></button>
</body>
</html>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

desole je me suis pas connecte pour poster mais c est bien moi qui vient de poster le message precedent!

A++

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Alignement vertical centré impeccable, même après effacement des "vertical-align: middle" dont j'ignore le rôle précis.
Sous Win2k, tant avec FF que IE.
Désolé.

+1 avec win xp. verif faite avec Kompozer

on ne peut pas poster d image sur ce forum??

je vous aurai envoye l image de la page web correspondante....

Au fait j'ai IE 6 et WINXP si çà peut vous aider...

MErci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

homer74 a écrit :on ne peut pas poster d image sur ce forum??

Mmmmhhhh... Ici, on croit les gens sur parole

merci ymai pour l image...(tu l as mise sur un FTP ou??)

C'est ene effet BIEN CENTRE VERTICALEMENT chez toi...
Mais je me rend compte que tu n as pas la police que j'ai moi...

Le probleme viendrait t il de la police???? un conflit??
(pour les rubriques du haut c est du "COMIC SANS MF" et pour les titres "INSCRIPTIONS" je ne me rappelle plus... je vais regarder...)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Geckozone

Prob.: Centrage VERTICAL texte dans un tableau...

Prob.: Centrage VERTICAL texte dans un tableau...