align right

[hector]

Bonjour,
quand on veut intégrer une image dans du texte, en html on utilise l'attribut align, attribut qui n'est plus valide en xhtml.
ma question est simple: comment fait on pour intégrer une image dans du texte en xhtml?
Merci

[Kropotkine]

Et le / à la fin de la balise ?

[bobo]

Bonjour,
quand on veut intégrer une image dans du texte, en html on utilise l'attribut align, attribut qui n'est plus valide en xhtml.
ma question est simple: comment fait on pour intégrer une image dans du texte en xhtml?

Quel était le but de cet attribut ? Ce genre d'effet doit être obtenu à l'aide du CSS. Je crois que ton bonheur réside dans la propriété float.

[hector]

excuse-moi kropo mais je n'ai pas compris ta réponse .Je sais qu'il faut mettre un / à la fin de la balise img mais ça ne rendra pas plus valide l'attribut align. Y a un truc qui m'échappe?

[hector]

le but de cette balise deplacer l'image dans du texte (exemple: align right, l'image se met à droite et le texte "l'enroule"...)
dommage que je n'ai pas d'exemple sous la main , ce serait plus clair ...

[bobo]

le but de cette balise deplacer l'image dans du texte (exemple: align right, l'image se met à droite et le texte "l'enroule"...)
dommage que je n'ai pas d'exemple sous la main , ce serait plus clair ...

Donc style="float: right" à la place. Ou mieux, en utilisant une feuile de style.

[hector]

Ok, merci bobo, je vais essayer ...

[Ricardo]

Pour une fois que je peux répondre car en général c'est moi qui pose les questions, je te joints ce que j'ai fait pour l'implantation d'une photo

Feuille de style d’une photo centrée, à toi de modifier les données. les 4 lignes qui suivent la 1ère sont destinées à la bordure du cadre.

.phototitre {
border-style:groove;
border-width:4px;
border-color:#0000FF;
padding:1px;
width:43%;
height:60%;
position:absolute;
left:27%;
top:25%;
}

le XHTML :

<img class="phototitre"
src="images/006.jpg" alt="Etabli" />

où « phototitre » est le nom que tu donnes à ton style,
« images/006.jpg » est l’emplacement de ta photo sur ton ordi,
« Etabli » est le nom que tu veux qui se voie pour ceux qui n’ont pas accès à ta photo, pour une raison x.

[DJiK]

Moi ça me pose un problème pour les tableaux:

Code : Tout sélectionner

<table align="center">

met le tableau au centre de la page.

Code : Tout sélectionner

<table style="text-align:center;">

laisse le tableau à gauche, et aligne le texte à l'intérieur du tableau au centre.


Alors est-ce que pour centrer le tableau il faut obligatoirement le mettre dans une balise <div> ou <span>?

[Benoit]

Non, en théorie il suffit de lui mettre des marges automatiques (margin-left: auto; margin-right:auto; )

Malheureusement ça ne fonctionne pas dans IE, donc il faut effectivement placer un élément autour avec text-align:center; (ça peut être body lui-même).

Source : http://openweb.eu.org/articles/initiation_centrage/

[DJiK]

Malheureusement ça ne fonctionne pas dans IE

Seulement IE 5 on dirait...

Merci. Je testerai demain si ça marche pour le 6. Sinon les marges en % feront bien pour moi.


De toutes façons, j'arrive pas à rendre mon code "strict" alors c'est pas grave.

[Ricardo]

Je ne comprends pas, pourquoi tu ne fais pas un CSS avec :

.classmachin {
font-size : 100%;
font-family : "times new roman",Verdana, Arial;
text-align: center;
}

HTML :

<div class="classmachin"> bla-bla-bla </div>

Là, ton texte est centré.
Maintenant, si tu veux qu'il soit ds un cadre, tu le rajoutes ds le CSS.
Ou alors, je n'ai pas compris ce que tu recherches

[DJiK]

Moi? Oh c'est pas pour un <div> c'est pour centrer un <table>.

De lui mettre un .css avec text-align: center, ça centre le texte dans le tableau et pas le tableau, comme je disais.

La solution des marges me parait la bonne.

[Ricardo]

Ok, je pensais qu'un cadre te suffisait.
Sory

[calimo]

Moi? Oh c'est pas pour un <div> c'est pour centrer un <table>.

Ça pourrait être une bonne occasion pour passer à une mise en page pas <div>