OVH Cloud OVH Cloud

page adapté a l'ecran

14 réponses
Avatar
VERGOTE-CATRY
bonjour
comment faire dans frontpage 2003 pour que le site soit adapté a l'ecran
(résolution) des gens qui vont le regarder chez eux?

4 réponses

1 2
Avatar
Lempel
Bon ça ne passe pas...
Tant pis, il faudra que tu essaies.
L'avantage du tableau c'est que tu peux le fractionner en lignes et colonnes
et définir ainsi avec précision les positions relatives des objets (textes,
images etc...)
D'autre part tu peux rendre invisibles la ou les bordures de ton choix.
C'est extrêmement souple et les modifications sont facilitées par le fait
que tu peux modifier ton tableau en y ajoutant ou en supprimant des lignes,
des colonnes et que tu peux fractionner les cellules.
Et le tout s'ajuste automatiquement au format des objets.
Ceci dit la méthode de Mimata a aussi des avantages. Mais je ne la trouve
pas très pratique.
Question de goût peut-être...

--
http://lempel.net
B. Lempel
______________________________________


"Lempel" a écrit dans le message de news:
%2384EFk$
| Et pour compléter voici ce que ça donne avec un tableau: !
|
| 1- Dabord le code HTML,
|
| <html>
|
| <head>
| <meta http-equiv="Content-Language" content="fr">
| <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
| <meta name="ProgId" content="FrontPage.Editor.Document">
| <meta http-equiv="Content-Type" content="text/html;
| charset=windows-1252">
| <title>DIV vs TABLE</title>
| </head>
|
| <body>
|
| <div style="border: 1px solid black; widht: 100%">
| Voilà ce que ça donne avec une DIV</div>
| <p><br>
| </p>
| <table style="border: 1px solid black; width: 100%">
| <tr>
| <td>Voilà ce que ça donne avec une TABLE</td>
| </tr>
| </table>
| <p>&nbsp;</p>
| <p>&nbsp;</p>
| <table border="1" cellpadding="0" cellspacing="0" style="border-collapse:
| collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
| <tr>
| <td width="100%">Voilà ce que ça donne avec un tableau</td>
| </tr>
| </table>
| <p>&nbsp;</p>
| <p>&nbsp;</p>
| <table border="1" cellpadding="0" cellspacing="0" style="border-collapse:
| collapse" bordercolor="#111111" id="AutoNumber2">
| <tr>
| <td>Voilà ce que ça donne avec un tableau fractionné en colonnes afin
| d'insérer une image dans la deuxième colonne</td>
| <td valign="middle">
| <p align="center">
| <img border="0" src="clown.jpg" width="136" height="127"></td>
| </tr>
| </table>
|
| </body>
|
| </html>
|
| Et l'aspect que l'on obtient (Si ça veut bien passer par internet !!!)
|
|
|
| Voilà ce que ça donne avec une TABLE
|
|
|
|
|
| Voilà ce que ça donne avec un tableau
|
|
|
|
|
| Voilà ce que ça donne avec un tableau fractionné en colonnes afin
| d'insérer une image dans la deuxième colonne
|
|
| --
| http://lempel.net
| B. Lempel
| ______________________________________
|
|
| "MIMATA" a écrit dans le message de news:
| 427e40a2$0$29117$
|| Ca c'est la technique avec mise en page en utilisat les tableaux... ce
|| qui n'est pas censé servir à ça.
||
|| De plus, ça marche pareil en utilisant une div à la place et c'est plus
|| correct
||
|| Voici les 2 techniques, à toi de choisir :
||
|| <html>
||
|| <head>
|| <meta http-equiv="Content-Type" content="text/html;
|| charset=windows-1252">
|| <title>DIV vs TABLE</title>
|| </head>
||
|| <body>
|| <div style="border: 1px solid black; widht: 100%">Voilà ce que ça donne
|| avec une DIV</div>
|| <br>
|| <table style="border: 1px solid black; width: 100%">
|| <tr>
|| <td>Voilà ce que ça donne avec une TABLE</td>
|| </tr>
|| </table>
||
|| </body>
||
|| </html>
||
||
|| Personnellement, je préfère de loin la technique avec la div.
||
|| --
|| MIMATA
|| ----------------------------------------------------------------------------------------------------------------------
|| Astronomie sur PLANETE ASTRONOMIE : http://planete.astronomie.free.fr
|| XHTML & CSS sur : http://xhtml.css.free.fr
||
|
|
|
Avatar
MIMATA
Juste pour comparer : le même résultat en DIV et en TABLE :

DIV :
<div style="border: 1px solid black; widht: 100%">Voilà ce que ça donne
avec une DIV<img style="vertical-align: middle" border="0"
src="clown.jpg" width="136" height="127"></div>

TABLE :
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse:
collapse" bordercolor="#111111" id="AutoNumber2">
<tr>
<td>Voilà ce que ça donne avec un tableau fractionné en colonnes afin
d'insérer une image dans la deuxième colonne</td>
<td valign="middle">
<p align="center">
<img border="0" src="clown.jpg" width="136" height="127"></td>
</tr>
</table>

Désolé Lempel, mais la technique des tableaux est certes plus "simple"
en apparence pour les débutants car les éditeurs html obligent plus ou
moins les utiliser pour mettre en page mais le code généré est non
seulement extrêmement lourd et confus mais en plus, je le répète (bien
que ce ne soit pas le bon forum pour débattre de ça) les tableaux ne
devraient pas être utilisés pour mettre en page mais uniquement pour des
données tabulaires...

--
MIMATA
----------------------------------------------------------------------------------------------------------------------
Astronomie sur PLANETE ASTRONOMIE : http://planete.astronomie.free.fr
XHTML & CSS sur : http://xhtml.css.free.fr
Avatar
Lempel
Je vois que tu es un puriste !
C'est bien.
Mais à un débutant, tu ne peux pas demander de procéder comme un expert.
D'autre part s'il était expert il n'utiliserait probablement pas du HTML
mais des langages plus évolués et plus performants.
Et je suis persuadé qu'il n'utiliserait pas FrontPage !
:-)

--
http://lempel.net
B. Lempel
______________________________________


"MIMATA" a écrit dans le message de news:
427e619d$0$18815$
| Juste pour comparer : le même résultat en DIV et en TABLE :
|
| DIV :
| <div style="border: 1px solid black; widht: 100%">Voilà ce que ça donne
| avec une DIV<img style="vertical-align: middle" border="0"
| src="clown.jpg" width="136" height="127"></div>
|
| TABLE :
| <table border="1" cellpadding="0" cellspacing="0"
| style="border-collapse:
| collapse" bordercolor="#111111" id="AutoNumber2">
| <tr>
| <td>Voilà ce que ça donne avec un tableau fractionné en colonnes afin
| d'insérer une image dans la deuxième colonne</td>
| <td valign="middle">
| <p align="center">
| <img border="0" src="clown.jpg" width="136" height="127"></td>
| </tr>
| </table>
|
| Désolé Lempel, mais la technique des tableaux est certes plus "simple"
| en apparence pour les débutants car les éditeurs html obligent plus ou
| moins les utiliser pour mettre en page mais le code généré est non
| seulement extrêmement lourd et confus mais en plus, je le répète (bien
| que ce ne soit pas le bon forum pour débattre de ça) les tableaux ne
| devraient pas être utilisés pour mettre en page mais uniquement pour des
| données tabulaires...
|
| --
| MIMATA
| ----------------------------------------------------------------------------------------------------------------------
| Astronomie sur PLANETE ASTRONOMIE : http://planete.astronomie.free.fr
| XHTML & CSS sur : http://xhtml.css.free.fr
|
Avatar
auryn
Merci beaucoup à vous 2 pour vos débats, c'est vrai que je suis débutante,
mais je me suis mise aux feuilles de styles, et c'est vrai que la méthode de
Mimata est plus "légère". mais j'aime FP et reste débutante :)
Merci à vous 2 !

Auryn

"Lempel" a écrit dans le message de news:

Je vois que tu es un puriste !
C'est bien.
Mais à un débutant, tu ne peux pas demander de procéder comme un expert.
D'autre part s'il était expert il n'utiliserait probablement pas du HTML
mais des langages plus évolués et plus performants.
Et je suis persuadé qu'il n'utiliserait pas FrontPage !
:-)

--
http://lempel.net
B. Lempel
______________________________________


"MIMATA" a écrit dans le message de news:
427e619d$0$18815$
| Juste pour comparer : le même résultat en DIV et en TABLE :
|
| DIV :
| <div style="border: 1px solid black; widht: 100%">Voilà ce que ça donne
| avec une DIV<img style="vertical-align: middle" border="0"
| src="clown.jpg" width="136" height="127"></div>
|
| TABLE :
| <table border="1" cellpadding="0" cellspacing="0"
| style="border-collapse:
| collapse" bordercolor="#111111" id="AutoNumber2">
| <tr>
| <td>Voilà ce que ça donne avec un tableau fractionné en colonnes afin
| d'insérer une image dans la deuxième colonne</td>
| <td valign="middle">
| <p align="center">
| <img border="0" src="clown.jpg" width="136" height="127"></td>
| </tr>
| </table>
|
| Désolé Lempel, mais la technique des tableaux est certes plus "simple"
| en apparence pour les débutants car les éditeurs html obligent plus ou
| moins les utiliser pour mettre en page mais le code généré est non
| seulement extrêmement lourd et confus mais en plus, je le répète (bien
| que ce ne soit pas le bon forum pour débattre de ça) les tableaux ne
| devraient pas être utilisés pour mettre en page mais uniquement pour des
| données tabulaires...
|
| --
| MIMATA
| ----------------------------------------------------------------------------------------------------------------------
| Astronomie sur PLANETE ASTRONOMIE : http://planete.astronomie.free.fr
| XHTML & CSS sur : http://xhtml.css.free.fr
|




1 2