Tout d'abord bonjour à tous;
Nouveau contributeur à ce forum, je me suis lancé dans la re-création d'un site d'un des lieux que gère l'association qui m'emploie (d'où une inexpérience dans le webmastering vu que dans l'associatif, on est par maque de moyens obligé d'évoir plusieurs cordes à son arc). Après une studieuse période de lecture de livre et d'utilisation de tutoriels alsacréations (merci d'exister, ça aide fortements les webmestres autodidactes comme moi), j'ai cherché à faire un site beau, fonctionnel et conforme. Je me suis servi d'un squelette d'un des tutos, que j'ai patiemment sculpté à ma guise à coup de CSS. Franc succès... Avant sa mise en ligne. En effet, pendant la création, j'utilisais le couple Kompozer/Firefox (version mac OSX) pour écrire mon code et vérifier les pages, et j'arrivais à mes fins. Or après sa mise en ligne, un problème d'affichage est survenu. Ce qui ne m'aurait guère étonné eut été que ces problèmes se matérialisent sur les autres navigateurs (Opera, IE7, Safari pour ceux que j'ai testé). Or c'est le contraire qui se passe : le site s'affiche sans problème sur les 3 navigateurs cités, mais pas sur le renard de feu...
Je sollicite donc un coup de main auprès de personnes qui auront sur moi deux avantages : être plus expérimentés, et ne pas avoir le nez dans le guidon, ce qui ôte souvent une certaine lucidité.
Une remarque : lors des bidouilles que j'ai tenté, j'ai dans un moment fait un "mix" dans le doctype :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" /EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
A ce moment là le site s'affiche dans tout sa splendeur sur FF, mais de facécieux problèmes d'encodage de texte (A© au lieu de é etc...) apparaissent sur safari. Les joies du web en somme... Vous pouvez vérifier mes dires sur la rubrique Loisirs pour enfants/centres de loisirs ou club nature.
L'adresse du site : http://www.nature-creonnais.fr
Le code de ma page d'index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Accueil MPNC</title>
<link rel="stylesheet" href="css_sadirac" type="text/css">
<meta content="Océan" name="author"></head>
<body><h3></h3>
<div id="global">
<div id="header"></div>
<ul id="menuhaut">
<li><a href="conf.html">Projections et
conférences</a></li>
<li><a href="gp.html">Activités Grand public</a></li>
<li><a href="lois_enf.html">Loisirs pour
enfants</a></li>
<li><a href="scol.html">Scolaires tous Niveaux</a></li>
<li><a href="ouvpub.html">Ouverture au Public</a></li>
<li id="accueil"><a href="acc_actu.html">La
Maison du Patrimoine</a></li>
</ul>
<div id="center">
<div id="content">
<h2 style="text-align: center;"><br>
</h2>
<h2 style="text-align: center;">Bienvenue sur le site de
la Maison du Patrimoine Naturel du Créonnais.</h2>
<div style="text-align: center;"><a href="acc_actu.html"><img style="border: 0px solid ; width: 550px; height: 287px;" alt="" src="Accueil/accueil.png"></a>
</div>
<p></p>
<p>Venez découvrir, à 20 km au sud-est de Bordeaux, les richesses
du patrimoine naturel de la vallée de la Pimpine, à Sadirac.<br>
</p>
</div>
<div id="sidebar">
<h5><a href="http://www.ocean.asso.fr/"><img style="border: 0px solid ; width: 110px; height: 54px;" alt="Ocean" src="images/boutonocean.png"></a></h5>
<h5 style="text-align: center;"><a href="http://www.coeurentre2mers.com/rubrique.php3?id_rubrique=19"><img style="border: 0px solid ; width: 150px; height: 50px;" alt="Cdc" src="images/boutoncdc.png"></a><br>
</h5>
<h3>Accueil</h3>
<ul id="menu"> <li><a href="acc_actu.html" title="Actualités">Actualités</a></li>
<li><a href="acc_hist.html" title="Histoire">Histoire</a></li>
<li><a href="acc_pimp.html" title="La Pimpine">La
Pimpine</a></li>
<li><a href="acc_ocean.html" title="L'association Océan">L'association
Océan</a></li>
<li><a href="acc_liens.html" title="Liens">Liens</a></li>
</ul>
<h3>Venir à la MPNC :</h3>
<p>Acienne gare de Sadirac, </p>
<p>23 Route de Créon, </p>
<p>33670 SADIRAC</p>
<p>05 56 30 64 32</p>
<p><a href="Telechargements/planMPNC.pdf">Plan
d'accès</a>.</p>
<br>
</div>
</div>
<div id="footer">
<div style="text-align: right;"></div>
<p style="text-align: right;">Réalisation ©
Océan2008.
<a href="mailto:nature.creonnais@ocean.asso.fr">Contactez nous.</a>
</p>
</div>
</div>
</body></html>
Je devrai une fière chandelle à qui m'aidera là dessus!
Modifié par Arsenio Iglesias (13 Apr 2008 - 00:47)
Nouveau contributeur à ce forum, je me suis lancé dans la re-création d'un site d'un des lieux que gère l'association qui m'emploie (d'où une inexpérience dans le webmastering vu que dans l'associatif, on est par maque de moyens obligé d'évoir plusieurs cordes à son arc). Après une studieuse période de lecture de livre et d'utilisation de tutoriels alsacréations (merci d'exister, ça aide fortements les webmestres autodidactes comme moi), j'ai cherché à faire un site beau, fonctionnel et conforme. Je me suis servi d'un squelette d'un des tutos, que j'ai patiemment sculpté à ma guise à coup de CSS. Franc succès... Avant sa mise en ligne. En effet, pendant la création, j'utilisais le couple Kompozer/Firefox (version mac OSX) pour écrire mon code et vérifier les pages, et j'arrivais à mes fins. Or après sa mise en ligne, un problème d'affichage est survenu. Ce qui ne m'aurait guère étonné eut été que ces problèmes se matérialisent sur les autres navigateurs (Opera, IE7, Safari pour ceux que j'ai testé). Or c'est le contraire qui se passe : le site s'affiche sans problème sur les 3 navigateurs cités, mais pas sur le renard de feu...
Je sollicite donc un coup de main auprès de personnes qui auront sur moi deux avantages : être plus expérimentés, et ne pas avoir le nez dans le guidon, ce qui ôte souvent une certaine lucidité.
Une remarque : lors des bidouilles que j'ai tenté, j'ai dans un moment fait un "mix" dans le doctype :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" /EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
A ce moment là le site s'affiche dans tout sa splendeur sur FF, mais de facécieux problèmes d'encodage de texte (A© au lieu de é etc...) apparaissent sur safari. Les joies du web en somme... Vous pouvez vérifier mes dires sur la rubrique Loisirs pour enfants/centres de loisirs ou club nature.
L'adresse du site : http://www.nature-creonnais.fr
Le code de ma page d'index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Accueil MPNC</title>
<link rel="stylesheet" href="css_sadirac" type="text/css">
<meta content="Océan" name="author"></head>
<body><h3></h3>
<div id="global">
<div id="header"></div>
<ul id="menuhaut">
<li><a href="conf.html">Projections et
conférences</a></li>
<li><a href="gp.html">Activités Grand public</a></li>
<li><a href="lois_enf.html">Loisirs pour
enfants</a></li>
<li><a href="scol.html">Scolaires tous Niveaux</a></li>
<li><a href="ouvpub.html">Ouverture au Public</a></li>
<li id="accueil"><a href="acc_actu.html">La
Maison du Patrimoine</a></li>
</ul>
<div id="center">
<div id="content">
<h2 style="text-align: center;"><br>
</h2>
<h2 style="text-align: center;">Bienvenue sur le site de
la Maison du Patrimoine Naturel du Créonnais.</h2>
<div style="text-align: center;"><a href="acc_actu.html"><img style="border: 0px solid ; width: 550px; height: 287px;" alt="" src="Accueil/accueil.png"></a>
</div>
<p></p>
<p>Venez découvrir, à 20 km au sud-est de Bordeaux, les richesses
du patrimoine naturel de la vallée de la Pimpine, à Sadirac.<br>
</p>
</div>
<div id="sidebar">
<h5><a href="http://www.ocean.asso.fr/"><img style="border: 0px solid ; width: 110px; height: 54px;" alt="Ocean" src="images/boutonocean.png"></a></h5>
<h5 style="text-align: center;"><a href="http://www.coeurentre2mers.com/rubrique.php3?id_rubrique=19"><img style="border: 0px solid ; width: 150px; height: 50px;" alt="Cdc" src="images/boutoncdc.png"></a><br>
</h5>
<h3>Accueil</h3>
<ul id="menu"> <li><a href="acc_actu.html" title="Actualités">Actualités</a></li>
<li><a href="acc_hist.html" title="Histoire">Histoire</a></li>
<li><a href="acc_pimp.html" title="La Pimpine">La
Pimpine</a></li>
<li><a href="acc_ocean.html" title="L'association Océan">L'association
Océan</a></li>
<li><a href="acc_liens.html" title="Liens">Liens</a></li>
</ul>
<h3>Venir à la MPNC :</h3>
<p>Acienne gare de Sadirac, </p>
<p>23 Route de Créon, </p>
<p>33670 SADIRAC</p>
<p>05 56 30 64 32</p>
<p><a href="Telechargements/planMPNC.pdf">Plan
d'accès</a>.</p>
<br>
</div>
</div>
<div id="footer">
<div style="text-align: right;"></div>
<p style="text-align: right;">Réalisation ©
Océan2008.
<a href="mailto:nature.creonnais@ocean.asso.fr">Contactez nous.</a>
</p>
</div>
</div>
</body></html>
Je devrai une fière chandelle à qui m'aidera là dessus!
Modifié par Arsenio Iglesias (13 Apr 2008 - 00:47)
... 
... 
...