> Tous les forums > Forum des Webmasters
 Largeur page webSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 53 [Fin]
legba
  Posté le 22/06/2013 @ 19:29 
Aller en bas de la page 
Astucien

Bonjour,

question bête peut-être mais je tente.

Il y a longtemps que je n'ai pas construit de site.

Est-il toujours conseillé de s'en tenir à une largeur de 760 pixels ?

Publicité
elle
 Posté le 22/06/2013 à 19:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Perso, je fais entre 960 et 990px, selon le site...

Mais j'essaie de faire en sorte que la partie principale du contenu tienne bien sur 800px, sans barre de défilement horizontale.



Modifié par elle le 22/06/2013 19:39
Dreamer
 Posté le 22/06/2013 à 20:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

Perso, je fais entre 960 et 990px, selon le site...

Mais j'essaie de faire en sorte que la partie principale du contenu tienne bien sur 800px, sans barre de défilement horizontale.

legba
 Posté le 22/06/2013 à 20:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Merci beaucoup.

Ca va bien m'aider.

elle
 Posté le 22/06/2013 à 21:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Sinon, si le contenu s'y prÛte, tu peux toujours opter pour un design fluide...
legba
 Posté le 23/06/2013 à 06:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

J'ai une partie gauche pour les liens et une partie principale.

200 + 800. Ce sera bon ?

Je ne sais pas trop ce qu'est un design fluide. Ce sera surtout du texte (dictionnaire).

Il y aura aussi une partie photos. Où peut-on trouver un logiciel gratuit pour faire facilement un diaporama ? J'en connaissais un avant qui est devenu payant.

Et surtout je veux bannir de mon site toute pub polluante.

elle
 Posté le 23/06/2013 à 07:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Un design fluide, c'est un design extensible, qui s'adaptera à la largeur de la fenêtre du navigateur, peu importe la résolution.

http://www.alsacreations.com/tuto/lire/547-faire-un-site-pour-toutes-les-resolutions.html

legba
 Posté le 23/06/2013 à 07:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Merci.

Je vais travailler le tutoriel.

Dreamer
 Posté le 23/06/2013 à 08:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

Merci.

Je vais travailler le tutoriel.

Si tu vas sur Alsa, profites-en pour regarder les gabarits : http://www.alsacreations.com/static/gabarits/liste.html, des fois que tu désirerais faire des dimensions fixes !!

elle
 Posté le 23/06/2013 à 16:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ouais, parce que comme dit sur ce merveilleux site :

Design

Il faudra décider, selon la structure du site, entre un design fluide, extensible, qui s'adaptera à la largeur de la fenêtre du navigateur, et un site à largeur fixe, chacun ayant ses contraintes propres. Certaines présentations se prêtent bien à un design fluide, d'autres moins. Dans le cas d'un site qui comporte beaucoup d'éléments devant être précisément positionnés, un design fixe peut s'avérer préférable car un design fluide, par définition, se déforme selon la résolution.

legba
 Posté le 23/06/2013 à 16:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Ouh là là !

Je préfère rester fixe. Ce sera plus simple.

200 + 800.

Déjà que je patauge de temps en temps, n'ajoutons pas aux difficultés.

legba
 Posté le 23/06/2013 à 17:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Je viens de faire un essai sur la page principale.

C'est convenable sur Firefox et Iexplorer.

Dreamer
 Posté le 23/06/2013 à 18:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

Je viens de faire un essai sur la page principale.

C'est convenable sur Firefox et Iexplorer.

Tu nous montreras ??

elle
 Posté le 23/06/2013 à 18:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

C'est pas moi qui l'ai demandé!

(Mais j'me r'tiens depuis tantôt! )

Dreamer
 Posté le 23/06/2013 à 18:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

C'est pas moi qui l'ai demandé!

(Mais j'me r'tiens depuis tantôt! )

je repeat des fois que ......

legba
 Posté le 24/06/2013 à 06:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Comment je fais pour vous montrer (Ce n'est pas définitif. Il y a encore des imperfections) car je n'ai pas encore d'hébergeur ? C'est en localhost.

Dreamer
 Posté le 24/06/2013 à 07:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

Comment je fais pour vous montrer (Ce n'est pas définitif. Il y a encore des imperfections) car je n'ai pas encore d'hébergeur ? C'est en localhost.

Mais, tu fais bien des tests visuels avec ton éditeur ??

legba
 Posté le 24/06/2013 à 08:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Je fais ainsi :

File

Preview in browser

Firefox

Et j'ai cette adresse :

file:///E:/SITE_FONGBE/index.html

(Et je vois comment apparaîtra mon site sur le web tel quel)

J'avoue ne pas trop savoir ce qu'est un éditeur et comment on l'utilise.



Modifié par legba le 24/06/2013 08:22
Dreamer
 Posté le 24/06/2013 à 08:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Là, tu le vois sur ton PC et nous, non !!

L'éditeur c'est le log que tu utilises pour la création de ton script : Notepad, bloc-notes, etc ..

legba
 Posté le 24/06/2013 à 09:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

C'est bien ce que je pensais pour le localhost.

Ne t'inquiète pas. Je comprends vite mais il faut m'expliquer longtemps.

Tout seul dans mon petit coin, village perdu dans la forêt, je dois apprendre ce qu'est un script, un éditeur, et autres mots barbares

Le script serait-il le code html ? Si oui, pourquoi ne pas faire un copié collé et le mettre dans mon message ?

legba
 Posté le 24/06/2013 à 09:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Le code html, je le vois directement avec le design.

Dreamer
 Posté le 24/06/2013 à 10:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

C'est bien ce que je pensais pour le localhost.

Ne t'inquiète pas. Je comprends vite mais il faut m'expliquer longtemps.

Tout seul dans mon petit coin, village perdu dans la forêt, je dois apprendre ce qu'est un script, un éditeur, et autres mots barbares

Le script serait-il le code html ? Si oui, pourquoi ne pas faire un copié collé et le mettre dans mon message ?

Bonne idée et en espérant qu'il n'y a pas dimages ...

legba
 Posté le 24/06/2013 à 10:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Il y a un bandeau et deux petites images mais je peux les supprimer provisoirement.

En attendant, installe la police "gentium plus" sinon, tu auras plein de petits carrés.

Dreamer
 Posté le 24/06/2013 à 11:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

Il y a un bandeau et deux petites images mais je peux les supprimer provisoirement.

En attendant, installe la police "gentium plus" sinon, tu auras plein de petits carrés.

Ce que tu fais pour les images, tu déclares une bordure à 1px, pour la police, c'est pas grave...

legba
 Posté le 24/06/2013 à 11:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Pour les meta, je verrai à la fin.

Sûr qu'avec les styles tu vas sursauter, mais je suis définitivement fâché avec les CSS. Je fais un blocage dessus.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Le fongbe du B&eacute;nin</title>
<style type="text/css">
<!--
body,td,th {
font-family: Gentium Plus;
font-size: 24px;
color: #000000;
}
body {
background-color: #99FFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {font-size: 36px}
.style2 {font-size: 14px}
.style4 {font-size: 14px; font-style: italic; }
.style6 {font-size: 24px; font-style: italic; }
.style8 {font-size: 14px; font-weight: bold; }
.style9 {font-size: 24px; }
.Style21 {font-size: 24px; color: #CC0000; }
.Style5 {font-size: 24px}
.style22 {font-size: 18px}
.style23 {font-size: 18px; font-style: italic; }
.style24 {font-size: 18px; font-weight: bold; }
-->
</style></head>

<body>
<table width="1005" border="0">
<tr>
<th width="999" scope="col"><p>Bandeau</p>
<table width="1000" border="0">
<tr>
<th width="200" valign="top" scope="col"><p>IMAGE1</p>
<p>IMAGE2</p>
<p class="style22"><a href="Hymne_benin.htm">Hymne national</a></p>
<p class="style22"><a href="IMAGES/carte_du_benin.jpg" target="_blank">Carte du B&eacute;nin</a></p>
<p class="style22"><a href="IMAGES/afrique_ouest.jpg" target="_blank">Carte de l'Afrique de l'Ouest</a></p>
<p class="style2"><span class="style22"><a href="VODOUN/Vodoun-Plan.htm" target="_blank">Le vaudou</a></span></p>
<p class="style2">&nbsp; </p>
<p class="style2">&nbsp;</p></th>
<th width="800" scope="col"><p class="style1">Le fongbe du B&eacute;nin</p>
<p class="style22">Auteur : Mr Legba </p>
<p class="style2">____________________________________________________________________</p>
<div class="style22">Autre site fongbe sur Wiktionnaire</div>
<div class="style22"><a rel="nofollow" target="_blank" href="http://fr.wiktionary.org/wiki/Cat%C3%A9gorie:fon">http://fr.wiktionary.org/wiki/Cat%C3%A9gorie:fon</a></div>
<p class="style22">_____________________</p>
<p align="justify" class="style23">Sur ce site, vous pourrez d&eacute;couvrir la langue fongbe ou fon du B&eacute;nin, pratiquer son apprentissage oral et &eacute;crit, utiliser des dictionnaires fon-fran&ccedil;ais et francais-fon, apprendre du vocabulaire fon, des phrases et expressions, conna&icirc;tre la grammaire et la linguistique, &eacute;couter des mots et des phrases en audio.</p>
<p align="center" class="style4">__________________________________________________________________________________________</p>
<p class="style9">Pr&eacute;sentation du Benin</p>
<p align="left" class="style22">Le B&eacute;nin est un petit pays d'Afrique situ&eacute; entre l'&eacute;quateur et le tropique du Cancer.<br />
Les habitants du B&eacute;nin s'appellent les B&eacute;ninois. <a href="http://fr.wikipedia.org/wiki/B%C3%A9nin" target="_blank">Suite </a>(<em>Wikipedia</em>)</p>
<p align="center" class="style2">___________________________________________________________________________________________</p>
<p class="style9">Linguistique</p>
<p align="justify" class="style2"><span class="style6">Avertissement</span> : <span class="style22"><strong>Pour lire ce site et donc pouvoir lire et &eacute;crire en fongbe, il faut imp&eacute;rativement utiliser <em>les polices Gentium</em> qu'on peut t&eacute;l&eacute;charger gratuitement <a href="http://fontpark.net/fr/polices/gentium-plus/">ICI</a>. (M&ecirc;me si vous ne vous en servez pas pour &eacute;crire en fongbe, je vous la conseille fortement car elle est extr&ecirc;mement riche en caract&egrave;res sp&eacute;ciaux). </strong></span></p>
<p align="justify" class="style24">Le fongbe se caract&eacute;rise par une phonologie et une tonologie complexes. Les tons jouent un r&ocirc;le important car, souvent, les racines des mots sont monosyllabiques et donc de nombreuses s&eacute;ries homophoniques ne se distinguent que par le ton. En outre, il n'y a pas de distinction morphologique entre racines &quot;verbales&quot; et racines &quot;nominales&quot;. La morphologie du fongbe est tr&egrave;s r&eacute;duite. Les mots se forment par composition et non par d&eacute;rivation. Il n'existe pas de genre grammatical. Enfin, la structure syllabique est ouverte du type CV, CVCV. (Remarque : le travail sur les mots-expressions-phrases-audio est en cours de confection et de correction. Toute critique, si possible constructive, sera la bienvenue)</p>
<p align="center" class="style8">___________________________________________________________________________________________</p>
<p align="center" class="style9">Un aper&ccedil;u de l'&eacute;criture fongbe : </p>
<p align="center" class="style22">D&eacute;claration universelle des Droits de l'Homme en fongbe</p>
<p align="left" class="style22">GBETA GB&#400; &#390; BI T&#390;N EE &#393;&#390; X&Oacute; D&Oacute; AC&#400; E GB&#400;T&#390; &#393;&Oacute; KPODO SISI E &#393;O NA &#393;&Oacute; N'I L&#400; KPO WU E</p>
<p align="center" class="style22">WEXWLE</p>
<p align="left" class="style22">Ee nyi &#598;&#596; h&#603;nnu &#598;okpo m&#603; &#596;, m&#603; &#598;okpo&#598;okpo ka do susu t&#596;n, b&#596; ac&#603; &#598;okpo &#596; w&#603; m&#603;bi &#598;o bo e ma sixu kan f&#603;n kpon &eacute; &#598;i m&#603;&#598;esusi jij&#603;, hw&#603;jij&#596;zinzan, kpodo fifa ni tiin nu w&#603;k&#603; &#596; bi e &#596;.<br />
Ee nyi &#598;&#596; nukumam&#596; j&#603; num&#603; kpodo wangb&#603;nu s&#603;n &#598;e&#598;ee na z&#596;n b&#596; gb&#603;t&#596; na do tiin nyi l&#603; w&#603; n&#596; d&#596;n alannuwiwa &#598;ee n&#596; z&#596;n b&#596; gb&#603;t&#596; n&#596; f&#596;n gu e, lo b&#596; nu taji &#598;ee hudo gb&#603;t&#596; &#596; w&#603; nyi &#598;&#596; gb&#603; e m&#603; gb&#603;t&#596; l&#603; ma na n&#596; m&#603;kannu &#598;o xo&#598;i&#598;&#596; sin alinu kpodo nu&#598;i&#598;i lo bo na t&#596;n sin adohuhu kpodo ya kpo m&#603; &eacute; &#596;.<br />
Ee nyi &#598;&#596; dandanm&#603; w&#603; e &#598;o na j&#603; hun do s&#603;n &#598;ee na z&#596;n b&#596; gb&#603;t&#596; na do tiin nyi le gb&#596;n ac&#603;&#598;i&#598;o sin alinu se na z&#596;n b&#596; gb&#603;t&#596; ma na lin &#598;&#596; emi &#598;o na &#598;e emi&#598;ee sin m&#603;kannu kpo yadonum&#603; kpo e &#596;. <a href="Declaration-DH.htm" target="_blank">Suite</a></p>
<p align="center" class="style24">____________________________________________________________________________________________</p>
<span class="style22">A quelle famille de langues appartient le fongbe ?</span>
<span class="style22"><a href="Familles-Langues.html" target="_blank">ICI</a></span>
<p align="center" class="style2">&nbsp;</p>
<p align="center" class="style4">&nbsp;</p>
<p class="style2">&nbsp;</p> </th>
</tr>
</table> <p>&nbsp;</p></th>
</tr>
</table>
</body>
</html>

Dreamer
 Posté le 24/06/2013 à 12:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

C'est un bon début, il n'y a pas d'erreurs W3C...

Bon, on peu simplifier, surtout si tu fais d'autres pages avec la même présentation, en sortant le css du script !!

legba
 Posté le 24/06/2013 à 12:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

W3C ????

Sortir le CSS du script ? Je serai très content d'avoir ton aide.

Les autres pages n'auront pas la même présentation. Environ 5 groupes de plusieurs dizaines à plusieurs centaines de pages de même présentation. Elles sont quasi prêtes sur word.

Merci.

Dreamer
 Posté le 24/06/2013 à 14:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

W3C ????

Sortir le CSS du script ? Je serai très content d'avoir ton aide.

Les autres pages n'auront pas la même présentation. Environ 5 groupes de plusieurs dizaines à plusieurs centaines de pages de même présentation. Elles sont quasi prêtes sur word.

Merci.

Le W3C c'est ceci ..

Sortir le css, c'est prendre tout ce qui est entre <style type="text/css"> et </style> et le mettre dans une page externe qui s'appellera styles.css.

Donc en début de ta page, tu auras :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Le fongbe du Bénin</title>
<link href="styles.css" rel="stylesheet" type="text/css" />

Cela est une chose, mais si tu utilises toujours certaines parties du script sur toutes les pages, on utilisera les include pour éviter de ré-écrire ces parties...

legba
 Posté le 24/06/2013 à 14:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

OK. Merci.

Bon, je veux bien encore essayer le CSS. Il me semble que tu es bon pédagogue. Je ferai une page qui se répète des dizaines de fois et je te soumettrai le modèle.

La semaine dernière, j'ai encore acheté un livre prétendant expliquer simplement les CSS. Il y en avait une dizaine de pages. J'ai perdu de plus en plus les pédales jusqu'à ce que mon logiciel interdise l'enregistrement. (Conflit avec l'administrateur. Solution trouvée après de longues recherches car il n'en donnait pas la cause)

Grrrr ! Rien compris encore une fois.

Dreamer
 Posté le 24/06/2013 à 14:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Pas de soucis.

Pour l'instant fignoles ta première page car c'est elle qui va déterminer la présentation et une fois finie, elle te servira de modèle.

J'ai vu que tu utilisais les tableaux et dans ton cas, ce n'est pas vraiment nécessaire, surtout avec la page gabarits de Alsacréation...

legba
 Posté le 24/06/2013 à 15:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien
Dreamer a écrit :
legba a écrit :

Il y a un bandeau et deux petites images mais je peux les supprimer provisoirement.

En attendant, installe la police "gentium plus" sinon, tu auras plein de petits carrés.

Ce que tu fais pour les images, tu déclares une bordure à 1px, pour la police, c'est pas grave...

Pourquoi 1 pixel ?

J'ai fait 0 pixel pour que la bordure n'apparaisse pas.

Je verrai pour les gabarits. Il fait beau. Le jardin m'attend.

Dreamer
 Posté le 24/06/2013 à 16:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Le border a 1 pixel permet de bien voir comment tu situes tes blocs ...

Je vais te faire ta page avec des <div> afin que tu comprennes mieux !!

Dreamer
 Posté le 24/06/2013 à 16:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Re

Dès que tu seras de retour de ton jardin, essayes ceci

La page HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Le fongbe du Bénin - Accueil</title>
<meta name="description" content="" />
<link href="benin.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="global">
<div id="entete">
<img id="bandeau" src="images/bandeau.jpg" alt="Bandeau du site" />
</div>
<div id="centre">
<div id="navigation">
<img src="images/photo_1.jpg" alt="Image N°1" />
<img src="images/photo_2.jpg" alt="Image N°2" />
<ul>
<li><a href="#" title="Hymne national">Hymne national</a></li>
<li><a href="#" title="Carte du Bénin">Carte du Bénin</a></li>
<li><a href="#" title="Carte de l'Afrique de l'ouest">Afrique de l'ouest</a></li>
<li><a href="#" title="Le Vaudou">Le vaudou</a></li>
</ul>
</div>
<div id="contenu">
<h1>Le fongbe du bénin</h1>
<h4>Auteur : Mr Legba</h4>
<hr />
<p style="text-align: center">
Autre site sur Wiktionnaire<br /><a href="http://fr.wiktionary.org/wiki/Cat%C3%A9gorie:fon" title="Autre site">Catégorie : Fon</a>
</p>
<hr />
<p>
Sur ce site, vous pourrez découvrir la langue fongbe ou fon du <strong>Bénin</strong>, pratiquer son apprentissage oral et écrit, utiliser des dictionnaires fon-français et francais-fon, apprendre du vocabulaire fon, des phrases et expressions, connaître la grammaire et la linguistique, écouter des mots et des phrases en audio.
</p>
<hr />
<h2>Présentation du Benin</h2>
<p>
Le Bénin est un petit pays d'Afrique situé entre l'équateur et le tropique du Cancer. <br />
Les habitants du Bénin s'appellent les Béninois. <a href="#" title="Lire la suite">Lire la suite >></a>
</p>
<hr />
<h2>Linguistique</h2>
<p>
<span>Avertissement</span> : Pour lire ce site et donc pouvoir lire et écrire en fongbe, il faut impérativement utiliser les polices Gentium qu'on peut télécharger gratuitement <a href="#" title="Téléchargement de la police">ICI</a>. (Même si vous ne vous en servez pas pour écrire en fongbe, je vous la conseille fortement car elle est extrêmement riche en caractères spéciaux).
</p>
<p>
Le fongbe se caractérise par une phonologie et une tonologie complexes. Les tons jouent un rôle important car, souvent, les racines des mots sont monosyllabiques et donc de nombreuses séries homophoniques ne se distinguent que par le ton.<br />
En outre, il n'y a pas de distinction morphologique entre racines "<i>verbales</i>" et racines "<i>nominales</i>". La morphologie du fongbe est très réduite. Les mots se forment par composition et non par dérivation.<br />
Il n'existe pas de genre grammatical. Enfin, la structure syllabique est ouverte du type CV, CVCV. (Remarque : le travail sur les mots-expressions-phrases-audio est en cours de confection et de correction. Toute critique, si possible constructive, sera la bienvenue)
</p>
<hr />
<h2>Un aperçu de l'écriture fongbe</h2>
<p style="text-align: center;">
Déclaration universelle des Droits de l'Homme en fongbe
</p>
<h3>GBETA GB&#400; &#390; BI T&#390;N EE &#393;&#390; X&Oacute; D&Oacute; AC&#400; E GB&#400;T&#390; &#393;&Oacute; KPODO SISI E &#393;O NA &#393;&Oacute; N'I L&#400; KPO WU E</h3>
<p>
Ee nyi &#598;&#596; h&#603;nnu &#598;okpo m&#603; &#596;, m&#603; &#598;okpo&#598;okpo ka do susu t&#596;n, b&#596; ac&#603; &#598;okpo &#596; w&#603; m&#603;bi &#598;o bo e ma sixu kan f&#603;n kpon &eacute; &#598;i m&#603;&#598;esusi jij&#603;, hw&#603;jij&#596;zinzan, kpodo fifa ni tiin nu w&#603;k&#603; &#596; bi e &#596;.<br />
Ee nyi &#598;&#596; nukumam&#596; j&#603; num&#603; kpodo wangb&#603;nu s&#603;n &#598;e&#598;ee na z&#596;n b&#596; gb&#603;t&#596; na do tiin nyi l&#603; w&#603; n&#596; d&#596;n alannuwiwa &#598;ee n&#596; z&#596;n b&#596; gb&#603;t&#596; n&#596; f&#596;n gu e, lo b&#596; nu taji &#598;ee hudo gb&#603;t&#596; &#596; w&#603; nyi &#598;&#596; gb&#603; e m&#603; gb&#603;t&#596; l&#603; ma na n&#596; m&#603;kannu &#598;o xo&#598;i&#598;&#596; sin alinu kpodo nu&#598;i&#598;i lo bo na t&#596;n sin adohuhu kpodo ya kpo m&#603; &eacute; &#596;.<br />
Ee nyi &#598;&#596; dandanm&#603; w&#603; e &#598;o na j&#603; hun do s&#603;n &#598;ee na z&#596;n b&#596; gb&#603;t&#596; na do tiin nyi le gb&#596;n ac&#603;&#598;i&#598;o sin alinu se na z&#596;n b&#596; gb&#603;t&#596; ma na lin &#598;&#596; emi &#598;o na &#598;e emi&#598;ee sin m&#603;kannu kpo yadonum&#603; kpo e &#596;. <a href="#" title="Lire la suite">Lire la suite >></a>
</p>
<hr />
<p>A quelle famille de langues appartient le fongbe ? <a href="#" title="Lire la suite">Lire la suite >></a></p>
</div>
</div>
<div id="pied">
<p>
Copyright © 2013 site.com - Tous droits réservés.
</p>
</div>
</div>
</body>
</html>

Et la page css

/*
Feuille de styles
*/

*
{
margin: 0;
padding: 0;
}

body
{
background-color: #9FF;
color: #000;
font-size: 14px;
}

img
{
border: 1px solid #000;
}

hr
{
height: 2px;
background-color: #000;
width: 300px;
margin: 15px auto;
}

#global
{
width: 990px;
margin: 0 auto;
}

#centre
{
width: 990px;
margin: 0 auto;
height: 100%;
}

/*
Header
*/

#bandeau
{
display: block;
width: 990px;
height: 130px;
margin: 10px auto;
background-color: #F12345;
}

/*
Navigation
*/

#navigation
{
float: left;
width: 200px;
}

#navigation img
{
display: block;
width: 180px;
height: 125px;
margin: 10px auto;
background-color: #028A4C;
}

#navigation ul
{
list-style: none;
}

#navigation ul li
{
border-bottom: 1px solid #016F2E;
list-style: none;
padding: 8px 10px !important;
margin: 0 !important;
}

#navigation ul li a
{
font-weight: bold;
color: #016F2E;
display: block;
text-decoration: none;
}

#navigation ul li a:hover
{
text-indent: 20px;
}

/*
Contenu
*/

#contenu
{
margin-left: 205px;
width: 785px;
}

#contenu h1
{
text-align: center;
font-size: 36px;
}

#contenu h2
{
text-align: center;
font-size: 24px;
}

#contenu h3
{
font-size: 20px;
}

#contenu h4
{
text-align: center;
font-size: 16px;
padding-top: 15px;
}

#contenu p
{
font : 14px arial, sans sérif;
padding: 5px 20px;
}

#contenu p span
{
font-size: 15px;
font-weight: bold;
font-style: italic;
}

#contenu a
{
text-decoration: none;
font-weight: bold;
color: blue;
}

#contenu a:hover
{
text-decoration: underline;
}

/*
Pied de page
*/

#pied
{
width: 990px;
margin: 10px auto;
border-top: 1px dotted #888;
}

#pied p
{
color: #545446;
margin: 0;
padding: 3px 0 15px 50px;
}

N'ayant pas d'images, j'ai mis des rectangles de couleur

elle
 Posté le 24/06/2013 à 17:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

T'aurais pu la mettre en ligne aussi, tant qu'à y être... {#}

Dreamer
 Posté le 24/06/2013 à 18:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

T'aurais pu la mettre en ligne aussi, tant qu'à y être... {#}

Bon, si ça peut te faire plaisir : legba

legba
 Posté le 24/06/2013 à 18:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien
Dreamer a écrit :

Le border a 1 pixel permet de bien voir comment tu situes tes blocs ...

Je vais te faire ta page avec des

afin que tu comprennes mieux !!

Avec o pixel ça apparaît quand même en pointillés.

elle
 Posté le 24/06/2013 à 18:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ah! Là tu parles! {#}

legba
 Posté le 24/06/2013 à 18:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien
Dreamer a écrit :
elle a écrit :

T'aurais pu la mettre en ligne aussi, tant qu'à y être... {#}

Bon, si ça peut te faire plaisir : legba

Le neuneu que je suis n'a pas compris.

elle
 Posté le 24/06/2013 à 18:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Non, je m'adressais à Dreamer... {#}

legba
 Posté le 24/06/2013 à 18:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

OK.

Merci à Dreamer pour son exemple.

Que je vais étudier demain car ce soir, je suis constamment dérangé au téléphone ou par des visites. Je n'ai plus la tête au travail.

Juste une question : c'est une feuille de style interne que tu as fait ?

Content que tu me débarrasses de tous ces styles 1,2,3,...22 dans la page principale. Je me demande d'où ils viennent. Car j'essaie de minimiser au maximum les formes d'écriture. Je n'aime pas les fioritures.



Modifié par legba le 24/06/2013 18:16
Dreamer
 Posté le 24/06/2013 à 18:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

legba a écrit :

OK.

Merci à Dreamer pour son exemple.

Que je vais étudier demain car ce soir, je suis constamment dérangé au téléphone ou par des visites. Je n'ai plus la tête au travail.

Juste une question : c'est une feuille de style interne que tu as fait ?

Content que tu me débarrasses de tous ces styles 1,2,3,...22 dans la page principale. Je me demande d'où ils viennent. Car j'essaie de minimiser au maximum les formes d'écriture. Je n'aime pas les fioritures.

Non, la feuille de styles est externe (benin.css) et ça ne prend qu'une ligne pour l'appeler !!

Tu peux copier les 2 scripts au dessus.

Si tu as des questions, nous sommes à ta disposition !!

Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 53 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Mini PC GMK G3 (Intel N100, 8 Go RAM, SSD 256 Go, WiFi 6, Windows 11 Pro) à 111,61 €
111,61 € 140 € -20%
@AliExpress
Batterie portable Ugreen Nexode 130W 20 000 mAh (1xUSB C 100W PD, 1x USB C 30W PD, 1xUSB A 22.5W, écran) à 69,99 €
69,99 € 119,99 € -42%
@AliExpress
Chargeur USB UGREEN RG 65W GaN 2x USB C + 1x USB A , écran LED à 31,99 €
31,99 € 55,99 € -43%
@AliExpress
Ecran portable 14 pouces ZSUS (2K, USB-C, mini HDMI) à 57,82 €
58,90 € 100 € -41%
@AliExpress
Vélo électrique Eleglide T1 STEP-THRU (27.5 pouces, 250W, Shimano 7 vitesses, 80 km) à 729 €
729 € 1000 € -27%
@Geekbuying
Switch TRENDnet TEG-S350 5 Ports 2.5G à 75,95 €
75,95 € 90 € -16%
@Amazon

Sujets relatifs
editeur TinyMCE grande largeur texte dans page
Largeur d'une page pour un site
largeur de la page, des tableaux...
Mettre la largeur d'une page au format portable
Bouton RSS automatique dans page annonce Google site
Suppression pub du premier clic sur une page de mon site
Qu'est-il arrivé à notre site ? Page d'accueil bousillée
Créer une page web responsive ?
Modification du code source d'une page sur 1&1
Rafraîchissement automatique d'une page web
Plus de sujets relatifs à Largeur page web
 > Tous les forums > Forum Forum des Webmasters