Salut

Je n'y connais encore rien pour le moment en création de site web, donc je m'aide principalement d'une interface pour faire mon premier site web. J'aimerai centrer un tableau (contenant une galerie de photos, avec une photo par cellule) verticalement par rapport à ma page (un background vierge blanc). Dans la fenêtre des propriétés du tableau dans dreamweaver 8 on a la possiblité de le centrer horizontalement mais pas verticalement. Donc je sais pas comment faire, c'est surment plus délicat à réaliser.

Si quelqu'un à une idée !

Merci

ps : CSS et autres termes, je sais pas encore ce que c'est ! Smiley ohwell
Modifié par max111 (19 May 2006 - 11:20)
Salut,

Tu mets l'élément align="center" dans ta balise table.


<table align="center">


Normalement ca devrait être bon...tu sais moi les tableaux... Smiley rolleyes
bonjour,

je ne pense pas que align permet l'alignement vertical, ce sera plus un valign, mais là ca doit être en CSS seulement je pense.
En revanche si tu débutes, alors c'est maintenant qu'il faut se renseigner sur css et les autres termes que tu peut voir ici.

Moi j'ai déjà pris beaucoup de mauvaises habitudes, et je perds un temps fou dès que je veux faire la moindre modification sur les sites que je développe
lit ce topic et suit tout du moins le premier lien.

Bonne lecture et bon courage pour la réalisation de ton site, je pense que tu trouveras ici toutes les informations nécessaires pour cela.
Modifié par Agrumes (19 May 2006 - 11:44)
Salut Agrumes

Pour le moment je sais que je prends surment des mauvais habitudes, mais en fait je suis pris par le temps car je dois finir un book pour le boulot de mon père.
Quand j'aurai fini ce book, avec le visuel que je veux, je verrai pas la suite comment le refaire de façon plus modulable (vu que les photos sont mises à jour constatement), car je m'apperçois bien que les tableaux pour la mise en page c'est plutôt rigide !

Merci pour le lien du topic en tout cas ! Mais pour le moment il faut juste que je trouve le moyen d'aligner verticalement un tableau, et j'aurai fini ce book.

@+ Smiley cligne
Oups, je n'avais pas vue "verticale", au temps/autant pour moi.

Oui, dans ce cas, c'est valign="center".

Sinon, je pense qu'on a tous debutter avec ce genre de code, personnellement, le CSS est venu plus tard.
Eh bien la seule chose que je peux te dire dans ce cas c'est d'encadrer ton tableau d'une balise du genre
<div class="align_vertical">ici le tableau</div


ensuite tu crée un fichier css comme celui-ci

.align_vertical{

}


et tu attends que quelqu'un remplisse le reste, ah oui j'oubliais, tu devra aussi inclure le fichier css dans ta page, mais je n'ai plus en tête l'instruction.

enfin commence à faire ca et attends que quelqu'un te donne l'attribut à odifier, ça doit ressembler à un valign:'auto' mais j'en sias pas plus que toi sur ce sujet
Je n'avais pas vu ta réponse TheReverendEvil.

C'est vrai qu'on débute tous par ce genre de code, d'ailleur j'y suis encore. Mais je pensais pas que l'attrivut valign existait aussi pour les tableaux html.

Dans ce cas excuse moi max, mais intéresses toi vraiment aux CSS, à ce qu'il parait c'est l'avenir Smiley cligne
C'est sure que je me lancerai dedans, mais faut que je finisse le boulot là, c'est urgent.
Re

J'ai inséré valign="center" dans les propriétés (ou balise enfin je sais pas comment on dit) de mon prototype de tableau.

<table width="200" border="0" align="center" [b]valign="center"[/b]>
  <tr>
    <td><img src="mini_photo_01.jpg" width="98" height="129" /></td>
  </tr>
</table>


ça marche pour mon cas, dans firefox. Smiley sweatdrop

Meci pour votre aide. Smiley smile

Si c'est trop complexe, j'ai trouvé ce lien qui utilise le CSS, enfin je crois !
http://www.samp.ca/xhtml-7.html, peut être que ça peut répondre à mon problème ? Cependant c'est pour les calques, et pas pour les tableaux.
Modifié par max111 (19 May 2006 - 12:37)
Houla...ne te lance pas tout de suite dans les marges négatives ( margin = -100px et autres éléments du même genre), et d'ailleurs, évite les au maximum.

Il existe une balise "vertical-align" en CSS :


.tableauvalign  {
 vertical-align:middle;
}


Par contre, je ne connais pas son éfficacité. ^^

Tiens, j'ai trouvé un site ou l'alignement en CSS est expliqué :

SELFHTML