Klaus Becker a écrit :
Le Dimanche 5 Février 2006 10:49, Manuel NAUDIN a écrit :

Je me suis en effet demandé si les étudiants n'ont pas procédé ainsi, en
créant d'abord un page texte. J'ai posé la question par email et
l'étudiante m'a répondu qu'elle a directement créé un page html par
"fichier - nouveau - html".

Bonjour,

- si on regarde le code source, on lit ...
'<P><IMG SRC="mon_image.gif" NAME="Image1" ALIGN=LEFT WIDTH=634
HEIGHT=197 BORDER=0><BR CLEAR=LEFT><BR><BR>
</P>'

deux hypothèses :
- la norme html n'autorise pas le 'align: center' sur une image,
obligation de créer un tableau ou une feuille de style avec une classe
div ...
>>Si l'on regarde les spécifications HTML 4.0, il semble bien que <img>
>>ne supporte pas 'align:center' :
>>http://www.w3.org/TR/html4/struct/objects.html#adef-align-IMG
>>
>>donc, il semble que ce comportement est ... normal ...

Attention à ne pas confondre
<img align="center" src...> et <img style="text-align:center;" src...> qui sont deux moyens différents (attribut et style CSS) de centrer une image. On pourrait, à la rigueur (si le but n'est pas d'être W3C compliant) encadrer la balise img de balises center
<center><img src...></center>.

J'avais bien précisé en cours qu'il fallait créer des tableaux pour placer textes et images et j'avais distribué des copies à propos de l'utilisation des tableaux.
Les tableaux sont faciles à appréhender pour les débutants, et c'est lisible sur n'importe quel navigateur.

Sinon, en utilisant des tableaux :
- j'ai créé un Nouveau > Fichier HTML
- j'ai inséré des images superposées
- j'ai enregistré
- j'ai ouvert dans Firefox 1.0.7
et les images sont superposées...


Je colle le code source (si ça passe en texte)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
        <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; 
charset=windows-1252">
        <TITLE></TITLE>
        <META NAME="GENERATOR" CONTENT="OpenOffice.org 2.0  (Win32)">
        <META NAME="AUTHOR" CONTENT="Sarah Haim">
        <META NAME="CREATED" CONTENT="20060206;9412895">
        <META NAME="CHANGED" CONTENT="16010101;0">
</HEAD>

<BODY LANG="fr-BE" DIR="LTR"><SPAN CLASS="sd-abs-pos" STYLE="position: absolute; top: 10.66cm; left: 2.3cm; width: 46px"> <IMG SRC="cv-mouangkhoua-elodie_html_m1a277bdf.gif" NAME="Image3" WIDTH=46 HEIGHT=42 BORDER=0></SPAN> <P STYLE="margin-bottom: 0.63cm; line-height: 200%"><IMG SRC="cv-mouangkhoua-elodie_html_4d776fae.gif" NAME="Image1" ALIGN=LEFT WIDTH=565 HEIGHT=134 BORDER=0><BR CLEAR=LEFT><BR><BR>
</P>
<TABLE WIDTH=100% BORDER=1 CELLPADDING=4 CELLSPACING=3 STYLE="page-break-inside: avoid">
        <COL WIDTH=128*>
        <COL WIDTH=128*>
        <THEAD>
                <TR VALIGN=TOP>
                        <TH WIDTH=50%>
                                <P>Sarah Haim<BR>12 rue Verte<BR>75012 Paris</P>

                        </TH>
                        <TH WIDTH=50%>
                                <P><BR>
                                </P>
                        </TH>
                </TR>
        </THEAD>
        <TBODY>
                <TR VALIGN=TOP>

                        <TD WIDTH=50%>
<P><IMG SRC="cv-mouangkhoua-elodie_html_4c8cfa36.gif" NAME="Image2" ALIGN=MIDDLE WIDTH=186 HEIGHT=141 BORDER=0></P>
                        </TD>
                        <TD WIDTH=50%>
                                <P>Anglais</P>
                                <P>Espagnol</P>
                                <P>Allemand</P>

                        </TD>
                </TR>
                <TR VALIGN=TOP>
                        <TD WIDTH=50%>
                                <P><BR>
                                </P>
                        </TD>
                        <TD WIDTH=50%>
                                <P><BR>

                                </P>
                        </TD>
                </TR>
                <TR VALIGN=TOP>
                        <TD WIDTH=50%>
                                <P><BR>
                                </P>
                        </TD>
                        <TD WIDTH=50%>

                                <P><BR>
                                </P>
                        </TD>
                </TR>
        </TBODY>
</TABLE>
<P STYLE="margin-bottom: 0.63cm; line-height: 200%"><BR><BR>
</P>
</BODY>
</HTML>





--
Sarah Haim
Formatrice
http://formation.anaska.fr/
Tel : 01.45.28.09.82 || Fax : 01.45.28.72.39

Découvrez notre formation Linux : installation, administration et configuration réseau http://formation.anaska.fr/formations/formation-linux-installation-administration-et-configuration-reseau.php
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Répondre à