Css et php : choix pour le visiteur (suite)

bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -  
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -
bonjour
j'avais fait, il y a un petit bout de temps un post
(css et php choix pour le visiteur) qui m'a apporté pas mal de remarques constructives ... et aussi pas mal de problèmes à gérer et à corriger ... Heureusement j'ai obtenu deci-delà beaucoup d'aides ...
le voici donc revu et corrigé : http://unesourisetmoi.free.fr
Modifications faites:
les lettres du titre sont plus espacées, le menu est plus étoffé et centré dans la colonne de gauche, ET le menu qui était en haut de page est maintenant remplacé par un switcher qui permet aux visiteurs de choisir leur propre couleur (là ce n'est pas de moi ... mais on me l'avais demandé !)
Je pense que maintenant cela doit être bon, (sauf pour certaines pages encore en cours)
alors je vous demande à nouveau de m'apporter toutes les remarques que vous pourrez me faire (y compris les fautes d'orthographe !)
ainsi que des observations en fonctions des navigateurs emlolyés
ce serait vraiment sympa de pouvoir faire ainsi progresser et améliorer le site avec le plus d'avis différents
à l'avance, grand merci
@mitiés
b g
A voir également:

19 réponses

Réponse 1 / 19
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
si vous pouviez, en plus, encore, m'aider à améliorer soit la CSS soit la gestion des cookies dans le PHP, ce serait super !
@+
b g
0
Réponse 2 / 19
gryzzly Messages postés 4608 Date d'inscription   Statut Contributeur Dernière intervention   1 335
 
Je n'ai pas le temps de le faire moi, j'ai du boulot sur mon site.. mais j'ai passé ta page au validateur :
http://validator.w3.org/check?uri=http%3A%2F%2Funesourisetmoi.free.fr%2F

y'a encore des erreurs! notamment des " qui manquent, de balises non autorisées, ...
la page t'indique la ligne et la position dans le texte de l'erreur, donc avec un éditeur de texte numéroteur (notepad++ par exemple), tu devrais t'y retrouver facilement.
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
bonjour
je viens aussi de regarder ici:
http://validator.w3.org/feed/check.cgi?url=http%3A%2F%2Funesourisetmoi.free.fr
et à la limite (même si j'ai beaucoup de mal avec l'anglais)
je préfère cela car il y a plus d'explication (et de l'aide)
qu'en penses-ty ?
@mitiés
b g
0
Réponse 3 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
  
<!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" xml:lang="fr" lang="fr">
  <head>
    <title> Unesourisetmoi - exercice avec la css Créations numériques
    </title>
    <meta name="verify-v1" content= "k8YgUEgLDYbh3B3ZLtyWTZL0K2IDVf+TK55J8lQWiRc=" />
    <meta http-equiv="content-type" content= "text/html; charset=iso-8859-1" />
    <meta name="keywords" content= "créations numériques,unesourisetmoi,css,style,standards web,site Internet,fond d'écran,référencement efficace,téléchargement,webmaster,kits graphiques,templates,screensavers,gratuit,outils en ligne, photo, création, images 3D, web, design, numérique, creation artistique et photographie, peinture, internet, art, exposition, galerie, création numérique, artistique, graphisme, css, défaut, CSS, modèles de page, menu css, Cascading Style Sheets, apprendre les css, page d'accueil, styles CSS, web, w3c, xhtml, html, tutoriels, tutorial, faire une mise en page, HTML, html, style, créer un menu, style sheet, tableaux, gabarit, index, feuille de style, standards" />
    <meta name="description" content= "créations numériques,unesourisetmoi,css,style,standards web,site Internet,fond d'écran,référencement efficace,téléchargement,webmaster,kits graphiques" />
    <meta name="abstract" content= "créations numériques,unesourisetmoi,css,style,standards web,site Internet,fond d'écran,référencement efficace,téléchargement,webmaster,kits graphiques" />
    <meta name="page-topic" content= "créations numériques,unesourisetmoi,css,style,standards web,site Internet,fond d'écran,référencement efficace,téléchargement,webmaster,kits graphiques" />
    <meta name="subject" content= "créations numériques,unesourisetmoi,css,style,standards web,site Internet,fond d'écran,référencement efficace,téléchargement,webmaster,kits graphiques" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow, all" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Author" content="unesourisetmoi" />
    <meta name="expires" content="never" />
    <meta name="publisher" content="unesourisetmoi" />
    <meta name="copyright" content="unesourisetmoi 2007" />
    <meta name="page-type" content="Site privé" />
    <meta name="audience" content="Tous" />
    <meta name="Reply-to" content="webmaster@unesourisetmoi.info" />
    <meta name="Identifier-URL" content= "http://unesourisetmoi.free.fr/" />
    <meta name="location" content="France, FRANCE" />
    <meta name="rating" content="general" />
    <meta name="category" content="private site" />
    <meta name="Generator" content="dreamweaver" />
    <link rel="alternate" type="application/rss+xml" title="ROR" href= "http://unesourisetmoi.free.fr/ror.xml" />
    <link title="sitemap" href= "http://unesourisetmoi.free.fr/sitemap.xml" type= "application/rss+xml" rel="alternate/" />
    <link rel="stylesheet" media="screen" type="text/css" href= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/andreas09.css" />
    <link rel="stylesheet" media="screen" type="text/css" href= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/css.css" />
    <style type="text/css"> /*
      <![CDATA[*/     div.c5 {position: absolute; top: 0px;}     a.c4 {cursor: default;}     img.c3 {border:0}     img.c2 {border: 0pt none ;}     p.c1 {text-align: center}     /*]]> */
    </style>
  </head>
  <body>
<script type="text/javascript" language="JavaScript">
//<![CDATA[
var msg="MESSAGE";
var index=0;
var delay=200
function defil() {
var nb_char=msg.length;
index++;
if (index>nb_char) index=0;
window.status=msg.substring(index)+msg;
setTimeout("defil()",delay);
}
function defiler(txt,tps) {
msg=txt + "   -   " + txt + "   -   " ;
delay=tps;
defil();
}
//]]>
</script>
<script type="text/javascript" language="JavaScript">
//<![CDATA[
<!--
defiler("unesourisetmoi ...Cr&eacute;ations num&eacute;riques ... Exercice de style avec la 'css' &deg;&deg;&deg;   ",80);
//-->
//]]>
</script>
    <div id="sitename">
      <h1>unesourisetmoi : créations numériques et "css" ...</h1>
      <h2>Un exercice de style pour un site Internet attrayant ... Le jeu des couleurs !</h2>
    </div>
    <div id="wrap">
      <p>  
      </p>
      <p>  
      </p>
      <div id="leftside">
        <h1> </h1>
        <p>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/index.php">Créations numériques</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/creations_numeriques_2d.php">Créations numériques 2D</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/creations_numeriques_3d.php">Créations numériques 3D</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/fractales.php">Fractales</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/metal.php">Métal</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/portraits.php">Portraits</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/dessins.php">Dessins</a>
          <a class= "nav sub" href= "http://unesourisetmoi.free.fr/fonds_ecran.php">Fonds d'écran 1</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/fonds_ecran_2.php">Fonds d'écran 2</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/creations_sites.php">Créations de sites</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/kits_graphiques.php">Kits graphiques</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/referencement.php">Référencement</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/contact.php">Contact</a>
          <a class= "nav sub" href= "http://unesourisetmoi.free.fr/expression_libre.php">Expression libre</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/coups_de_coeur.php">Coups de coeur</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/coups_de_chapeau.php">Coups de chapeau</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/telechargements.php">Télécharger 1</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/telechargements2.php">Télécharger 2</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/humour.php">Humour</a>
          <a class= "nav sub" href= "http://unesourisetmoi.free.fr/partenaires.php">Partenaires</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/mycircle.php">Mycirlce</a>
          <a class= "nav sub" href= "http://unesourisetmoi.free.fr/lienspub.php">Annuaires</a>
          <a href= "http://www.unesourisetmoi.info/pages/bg_livredor.php" target= "_blank" class="nav sub">Livre d'or</a>
          <a class="nav sub" href= "http://unesourisetmoi.free.fr/plan.php">Plan du Site</a>
        </p>
        <!--    <p>&nbsp;</p>-->
        <h1>Caractéristiques supplémentaires:</h1>
        <p>
          <a class="nav" href="#">Totalement 'Extensible', pour une adaptation complète à tous les écrans. Ici la mise en page a été optimisée pour une largeur de 1024 px.</a>
        </p>
        <p>
          <a href="https://www.unesourisetmoi.info/" target="_blank">
            <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/bg_souris.gif"  alt="unesourisetmoi" border="0" height="38" width="150" /></a>
        </p>
        <p class="c1">
          <a href="https://www.free.fr/freebox/index.html" target="_blank">
            <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/free.gif"  alt="hébergé gracieusement par free" border="0" height="40" width="120" /></a>
        </p>
        <p class="c1">
          <a href="https://www.ionos.fr/?kwk=9591911" target="_blank">
            <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/banner.gif"  alt= "Mon préféré dans les Hébergements Professionnels"  border="0" height="28" width="140" /></a>
        </p>
        <p>
          <a class="nav" href="#">SOS personnel ! Personne n'est à l'abri d'une erreur, d'une faute d'orthographe, d'un lien brisé. Alors si vous trouvez, sur ce site, un problème de ce genre, signalez-le moi. Ce serait vraiment sympa. Merci</a>
        </p>
        <ul class="noindent">
          <li>
          <a href="http://unesourisetmoi.free.fr/plandusite.html" target= "_blank">plan du site</a></li>
        </ul>
      </div>
      <div id="rightside">
        <form name="change_couleur" method="get" action="index.php" id= "change_couleur">
          <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/colors.jpg"  alt="Sélection des couleurs" usemap="#Map" border="0" />
          <map name="Map" id="Map">
            <area shape="rect" coords="2,2,22,82" href= "http://unesourisetmoi.free.fr/?couleur=blue" alt="Bleu" />
            <area shape="rect" coords="24,1,47,82" href= "http://unesourisetmoi.free.fr/?couleur=green" alt="Vert" />
            <area shape="rect" coords="48,3,71,83" href= "http://unesourisetmoi.free.fr/?couleur=orange" alt="Orange" />
            <area shape="rect" coords="74,2,96,84" href= "http://unesourisetmoi.free.fr/?couleur=purple" alt="Pourpre" />
            <area shape="rect" coords="97,2,120,83" href= "http://unesourisetmoi.free.fr/?couleur=red" alt="Rouge" />
            <area shape="rect" coords="121,2,144,83" href= "http://unesourisetmoi.free.fr/?couleur=black" alt="Noir" />
          </map>
        </form>
        <h6> Choisissez une couleur.
        </h6>
        <h1>News ...</h1>
        <p>
          <strong>Mon principe:</strong> J'ai envie de faire plein de choses et parfois je n'y parviens pas. C'est très souvent à force de tenacité, et souvent d'aide que j'y arrive. Alors, je renvoie la balle ! Si je puis vous aider avec les quelques solutions que j'ai trouvées, je le ferai avec plaisir. Regardez donc dans le reste du site ...
        </p>
        <p>
          <strong>Ma 'passion':</strong> La Création, numérique en 2D et 3D, m'a apporté et continue toujours de me procurer des satisfactions personnelles de toutes sortes...
        </p>
        <p>
          <strong>Mes 'dadas':</strong> C'est ainsi que j'ai été amené a créer un premier site, puis un autre... Et je me suis vite rendu compte que la Création d'un site, si elle n'est pas une petite chose, entraîne obligatoirement son optimisation, puis son référencement. Là je me suis trouvé confronté à d'autres problèmes, souvent d'ordre financier, que j'ai dus contourner et résoudre moi-même. Alors tout ceci est devenu aussi "mes dadas" !
        </p>
        <h1>Liens:</h1>
        <ul class="linklist">
          <li>
          <a href="https://www.unesourisetmoi.info/" target="_blank">Mes Créations</a></li>
          <li>
          <a href="http://refok.free.fr/super/index.php" target= "_blank">Référencement</a></li>
          <li>
          <a href= "http://www.unesourisetmoi.info/creations-de-sites/index.php" target="_blank">Créations de sites</a></li>
          <li>
          <a href="http://unesourisetmoi.teria.org/index.php" target= "_blank">Economiseurs d'Ecran Gratuits</a></li>
          <li>
          <a href="https://www.unesourisetmoi.info/liensdur/index.php" target="_blank">Liens en dur pour votre site</a></li>
          <li>
          <a href="https://openweb.eu.org/" target="_blank">OpenWeb Group</a></li>
          <li>
          <a href="#" onclick= "alert('Un conteur dans son Monde étrange et exotique ! A voir dès sa mise en ligne ... '); return false;">DDY !</a></li>
          <li>
          <a href= "javascript:alert('Contactez-moi%20!%20Plusieurs%20centaines%20sont%20disponibles%20!%20Mais%20pas%20encore%20en%20ligne%20actuellement%20...');">Kits et Templates</a></li>
          <li>
          <a href= "javascript:alert('Contactez-moi%20!%20Plusieurs%20dizaines%20de%20milliers%20sont%20disponibles%20!%20...%20Mais%20pas%20encore%20en%20ligne%20!');">Gifs animés, Bannières, Puces, Flèches, etc, pour Tous !</a></li>
        </ul>
        <p>
          <a class="nav" href="#">Pour la gratuité, l'aide, des conseils, des prix moins chers pour TOUS ! Contactez-moi sans hésiter ... Je fais ce que je peux, avec les moyens dont je dispose, mais je le fais avec passion.</a>
        </p>
        <a href="http://www.xiti.com?xtor=AD-1----%5B282834%5D" title= "WebAnalytics">
<script type="text/javascript">
//<![CDATA[
<!--
Xt_param = 's=282834&p=index';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" ';
Xt_i += 'src="https://logv33.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
//]]>
</script>
          <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/hit.gif"  title="Internet Audience" border="0" height="25" width="39" alt= "Image" />
          <noscript> Mesure d'audience ROI statistique webanalytics par
            <img width="39" height="25" src= "https://logv33.xiti.com/hit.xiti?fh=1&s=282834&p=index&Rdt=On" alt= "WebAnalytics" />
            </noscript></a>
        <!-- phpmyvisites -->
        <a href="http://www.phpmyvisites.net/" title= "phpMyVisites | Open source web analytics" onclick= "window.open(this.href);return(false);">
<script type="text/javascript">
//<![CDATA[
<!--
var a_vars = Array();
var pagename="index";
var phpmyvisitesSite = 6;
var phpmyvisitesURL = "http://refok.free.fr/web/phpmyvisites.php";
//-->
//]]>
</script>
<script language="javascript" src=
"Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/phpmyvisites.js"
type="text/javascript">
</script>
          <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/phpmyvisites.gif"  alt="phpMyVisites" class="c2" />
          <noscript>
            <img src= "http://refok.free.fr/web/phpmyvisites.php" alt="phpMyVisites" class="c3" />
            </noscript></a>
        <!-- /phpmyvisites -->
      </div>
      <div id="content">
        <h1>Telle une écharpe de Vénus, arc-en-ciel aux multiples facettes colorées ...</h1>
        <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/thumb1.jpg"  alt="unesourisetmoi" height="130" width="130" />
        <p class="intro"> Le bleu est une des couleurs principales les plus communes au "webdesign". Il est si commun qu'on le considère très 'non-dernier cri' aujourd'hui. Mais c'est toujours une couleur douce et gentille qui ne fait aucun mal et qui reste la préférée de beaucoup. Ainsi cet exercice de style (inspiré d'un 'template' en open source : andreas09) est bleu d'aqua par défaut. Mais il y a des variantes possibles.
        </p>
        <p> Si vous n'aimez pas la couleur bleue vous pouvez facilement en changer en cliquant sur le 'switcher' ci-contre qui vous offre la possibilité de sélectionner d'autres couleurs. Ceci m'a été demandé par des internautes, et m'a posé un sacré problème pour éviter la trop grande multiplication, inutile en plus, du nombre de pages en ligne. Mes capacités personnelles ne me permettaient pas de leur donner satisfaction, mais dans ce cas pourquoi un tel titre alors ! Un 'SOS' lancé sur le web m'a permis d'y parvenir, enfin et je remercie vivement tous ceux qui ont déjà collaboré a l'amélioration de ce site, notamment, ils reconnaîtront leur pseudo, Haryou, Thehawk et Aurélien. Vous avez donc ici des couleurs alternatives: vert, orange, pourpre, rouge ou noir, en plus du bleu ! Le kit est aussi, de part son extensibilité complète, parfaitement adapté à l'informatique moderne, dans lequel on trouve toutes sortes de tailles d'écran, ce qui est aussi fort pratique lors du re-dimensionnement de la page.
        </p>
        <h2>Le 'Design' en Open source.</h2>
        <p> Ce "Design" est laissé volontairement par son auteur en 'Open Source', ce qui permet de se régaler en jouant avec et en apprenant les subtilité de la 'css'. Vous êtes libres aussi de le télécharger et de vous en servir. Pour ce faire il vous suffit de vous rendre sur le site de Monsieur Andreas Viklund dont vous trouverez facilement l'adresse.
        </p>
        <h2>Quelques détails techniques donnés par l'auteur.</h2>
        <p> "The code is 100% valid XHTML 1.1 and CSS2. The template is compliant with Section 508 and the WCAG double-A rating. Don't settle for less!" Résultat, pour les 'connaisseurs', je suis passé d'une déclaration comme celle-ci: " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> " à ceci : " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ", car là le 'casse-tête devenait trop pénible ! Malheureusement, les différentes modifications que je lui ai faites subir lui ont fait perdre une grande partie de ces références. A quand des navigateurs et des 'standards' universels ?
        </p>
        <h2>Quelques commentaires personnels.</h2>
        <p> Je suis loin d'avoir les connaissances de tels 'maîtres', mais il faut bien reconnaître le fait que 'jouer avec la css' reste quand même une des choses les plus abordable pour le novice. On peut se contenter de prendre, à droite et à gauche, des exemples, des sources, souvent très variés, et ainsi les adapter à ses projets. Certes la réflexion peut être longue, mais elle est le plus souvent très fructueuse. Si des tutoriaux complets existent sur le langage html, rares, voire inexistants, sont ceux que l'on peut trouver sur les autres langages et c'est très regettable, surtout pour ceux qui ne peuvent plus retourner à l'école ...
        </p>
        <p> D'autres me répondront aussi qu'avec le 'javascript', le 'php', le 'dhtml', pour ne citer que ceux-là, l'on peut en faire autant, même peut-être mieux, à cela je répondrai qu'en faisant cet exercice j'ai beaucoup appris et je les invite à en faire autant avec cette base ou une autre. Certes, chaque langage aura ses inconditionnels, mais je préfère, n'ayant plus l'occasion de me 'recycler', utiliser tel ou tel, selon mes besoins ou mes compétences. Ces langages, sauf dans les mains d'un véritable expert, me semblent fort souvent complémentaires de par leurs possibilités et leurs associations, pour preuves les nombreux exemples de 'cohabitation' que l'on peut voir sur la toile ...
        </p>
        <p> En tous cas, ce que je puis ajouter, en cette fin de page de présentation, c'est que j'espère de tout coeur que ce petit exercice de style, montrera à beaucoup, combien est importante, utile et pratique l'utilisation d'une 'feuille de style css', car dans ce petit site, comme dans bien d'utres, ses effets sont bien prouvés et personnellement je puis dire que j'ai beaucoup appris en l'utilisant et que je me suis 'régalé' !
        </p>
        <p> Prenez le temps de lire, voire de relire, tout ce que vous trouverez dans les différentes pages; ce ne sont, certes, que des 'détails' souvent trop succints, mais destinés, c'est le but de cet exercice, à sensibiliser le maximum de gens au plaisir de la création, de la création numérique en particulier, au travers de ces quelques exemples évoqués tout au long de ces quelques pages.
        </p>
        <p> Et n'oubliez jamais que si cette fameuse toile, comme l'on dit, peut être redoutable, comme le font souvent paraître les médias, l'on y trouve aussi des gens honnêtes, dont la gentillesse, la compétence et la serviabilité pourraient servir d'exemples à beaucoup ! "Le 'www' est fait aussi pour communiquer et échanger, non ?"
        </p>
        <h2>Avis aux lecteurs !</h2>
        <p> Si ce site vous plait, faîtes-le savoir, envoyez-moi aussi si vous le voulez un petit message ou laissez un mot sur le livre d'or, cela fait toujours plaisir ! Et pour ceux qui seraient intéressés, vous remarquerez que nombre de places existe encore pour un petit lien vers votre site ou un site que vous voudrez me signaler, pour son originalité, son utilité ou tout autre critère que vous voudrez m'indiquer. Merci à l'avance.
        </p>
        <p> Le 'www' est fait, aussi, pour communiquer et échanger, non ?
        </p>
        <div class="liresuite">
          <a href="#">Haut de Page</a>
        </div>
        <div class="accueil">
          <p>
            <a href= "http://unesourisetmoi.free.fr/index.php">ACCUEIL</a>
          </p>
          <p>  
          </p>
        </div>
      </div>
      <div class="clearingdiv">  
      </div>
    </div>
    <div id="footer">
      <a href="http://%20www.unesourisetmoi.info/" target="_blank">© 2007 unesourisetmoi</a> | Source:
      <a href= "#">Andreas Viklund</a>
    </div>
    <div class="c5">
      <a href= "https://referencement-site-internet-eva.com/competences_referencement/audit_referencement.html"  class="c4" name= " Audit_référencement...">
        <img src= "Unesourisetmoi%20-%20exercice%20avec%20la%20css%20Cr%E9ations%20num%E9riques_fichiers/logo-acc.gif"  alt="Audit_référencement ..." name=" Audit_référencement..." border="0" /></a>
    </div>
  </body>
</html>
voila ta page valide a part les 2 <noscript> que j ai mis en gras
RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
Alors là sur ce coup ! chapeau !
je vais essayer de corriger au plus tôt
mais ... il faudra donc que je fasse la même chose sur toute les autres pages ???
@mitiés
b g
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
rad ...
lorsque je teste la page que tu m'as refaite (en corrigeant les erreurs), en local sous easyphp, cela me donne un look totalement différent comme si la css n'était pas appliquée ou que qq chose la bloque ...
de plus dans dreamweaver, là ce n'est plus lisible du tout et je ne peux regarder que du côté du code
... ne perds pas ton temps à refaire, mais verrais-tu une solution ?
@+
b g
0
Réponse 4 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
par contre un probleme sous ie avec ton lien "ancre" haut de page !! invisible sous ie7!!

RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
par conte là ... comprends pas !
qu'appelles-tu "ton lien "ancre" haut de page" ?
@+
b g
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 19
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
et au niveau 'look', contenu, améliorations possibles ...
que peut-on encore trouver ?
(en restant simple ...)
@mitiés
b g
0
Réponse 6 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

par conte là ... comprends pas !
qu'appelles-tu "ton lien "ancre" haut de page" ?

je parle du retour "haut de page" , qui ce trouve en bas de ton texte !!
il disparait sur IE7 mais le lien lui reste!!

un petit truc !! sur ma correction je vient de voir que j ai mis des "%20" au espace des mots dans le js du texte défilant :)) enleve les !!
(d ailleur beaucoup d erreur venaient du fait que tu donne des nom avec espace et surtout pas de "alt" a muti nom !!!!!!!)

j avais pas fait gaffe ! mais comme c est un js qui ne tourne que sous IE et que j utilise ffx :))

RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
merci
moi je suis encore sous IE6, alors pour :"je parle du retour "haut de page" , qui ce trouve en bas de ton texte !!
il disparait sur IE7 mais le lien lui reste!!
il y a une soution ?
@mitiés
b g
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
autre question
tu me dis cela: "(d ailleur beaucoup d erreur venaient du fait que tu donne des nom avec espace et surtout pas de "alt" a muti nom !!!!!!!) "
donc pas d'espaces mais plutôt ceci ' _ ' pour lier les mots ???
et pourquoi pas de "alt" avec plusieurs mots ??? cela fait partie des standards ? je n'en trouve pas trace nulle part de cette recommandation
@+
b g
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
.... encore !
pour lee js, comment le faire tourner sous ff (que je n'ai pas non plus ... donc peut pas visualiser !) ?
@+
b g
0
Réponse 7 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

pour les multi nom dans alt !! je sais que théoriquement cela passe !! mais dans les fait cela pose des problemes !! ( tu n a qua voir ta valid w3c)bon si tu as 4 heures a perdre au moins ! tu peut fignoler a la main avec des tas d entites tout tes alt et tu vas finir par arriver a la valider avec les multi :-))

pour le js la rien a faire ce script ne marche pas sur ffx !!perso je te conseillerais de l enlever !! cela na pas grande utilite !! de plus ca feras sauter le noscript non validé !!!

pourquoi n as tu pas ffx ???? c est bien mieux que IE surtout pour le webmestre avec le module web developer !! et pour toi qui fait du website c est indispensable d avoir plusieur navi pour les esssais de compatibilité !! perso j ai FFX,IE7,OPERA, instale ! et je teste toute me sites sur les 3 !! ce qui parfois reserve des surprises et je ne parle meme pas d IE6 qui lui aussi est a tester avant la mise en ligne (voir le probleme de Gryzzly javascript desactive#4 )

a+

RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
ok je vais essayer de voir tout cela, mais ce ne sera pas 4 heures !!!
je suis en bas débit, j'ai très peu de temps pour me connecter (problèmes de santé !)
ma grande passion c'est la création numérique (donc en local aussi) et éventuellement le référencement (à force d'en avoir fait !)
quant aux différents navigateurs, peut-on les installer pour travailler en local, sous easyphp (et ... comment changer d'un navigateur à l'autre dans ce cas ?)
quand au script 'java', il n'y a pas d'équivalent qui passerait "partout" ?
@mitiés
b g
0
Réponse 8 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
quant aux différents navigateurs, peut-on les installer pour travailler en local, sous easyphp

bien sur seul les versions différente de IE ne peuvent pas être installe ensemble !!

RAD
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

on peut émuler les IE précédents sous différents OS Windows.
j'utilise le Virtual PC de µSoft depuis peu et j'en suis plus que content !

toutes les configs dont vous avez envie parmi les produits de Bilou, ça coute en gros 1,5 Go (chacun) et ce n'est valable que jusqu'en aout 2007 (pour le moment) donc profitons en à mort !!!
0
Réponse 9 / 19
gryzzly Messages postés 4608 Date d'inscription   Statut Contributeur Dernière intervention   1 335
 
pas tout à fait vrai...
j'ai IE7 installé, et un "pseudo hack" de IE6 :
http://www.mirrorservice.org/sites/browsers.evolt.org/browsers/ie/32bit/standalone/ie6eolas_nt.zip

il suffit de cliquer sur l'icone et ca se lance indépendament. par contre il sera reconnu comme version la plus récente installée (IE7) donc les script du style <!-- [if IE6]> blabla <![endif]--> ne fonctionne pas il faut indiquer IE7, par contre, on retrouve les vrais problemes de IE6 (problemes d'affichages, etc.)
0
Réponse 10 / 19
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
merci pour cela, je vais donc essayer d'en télécharger 2 ou 3 et de les installer ...
mais je laisse ma question quand même, car au niveau des captures d'écran quelqu'un pourrait-il regarder ce que cela donne avec des tailles différentes car normalement le script d'origine est 'extensible' donc adapté ... mais j'ai peut-être fait trop de modifs ...
@+
b g
0
Réponse 11 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
tiens fait les toi meme :))
http://www.scapture.com/

il y en as deja 2 :
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
merci pour le lien c'est super !
et je viens d'en faire sous FF2 .... le script du texte en bas de page est bien présent (contrairement à ce qui est noté plus haut !)
alors que penser ...
je fais confiance à ces captures ?
@mitiés
b g
0
Réponse 12 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT
le probleme est sur IE7 pas sur ffx

RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
Je pense que tu dois parler du problème de 'js'
mais avec le lien que tu m'as donné on ne peut pas voir sous IE6 ou IE7 ....!
@+
b g
0
Réponse 13 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
il y a
https://www.url2png.com/?via=iecapture pour IE mais il faut attendre 48 ou 72 heures pour avoir la capture !! si tu veus je t en ferais une de chez moi ce soir !! je suis en pleine réunion et je peut pas trops maintenant !!
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
effectivement je viens " d'essayer " de tester ... j'abandonne !
dommage qu'il ne soit pas aussi réactif ou rapide que l'autre ...
@+
b g
0
Réponse 14 / 19
gryzzly Messages postés 4608 Date d'inscription   Statut Contributeur Dernière intervention   1 335
 
lol, moi j'aime les reunions ou je m'amuse derrière mon écran ! :p
0
Réponse 15 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
loool
oui gryzzly
mais c est moi l orateur dans ces réunions :-)) alors je peux pas trop rester derrière l ecran !! et si j en vois un faire comme toi !!!!!!!!!! ca vas gueuler :))

RAD
0
Réponse 16 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

voila la capture IE7 ! en flash pour garder le lien !

IE 7

RAD
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
merci
et chapeau pour cette capture, je n'y aurait même pas pensé pour conserver les liens !!!
je viens de voir et je ne comprends pas ....
pourquoi ce mauvais affichage et à droite 'accueil' qui est visible et fonctionnel ?
si je mettais une balise </br> encore en plus au dessus pour le dégager un peu ... ?
@mitiés
b g
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
quelle est la procèdure pour réaliser une telle capture en flash ?
@+
b g
0
Réponse 17 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

avec l option flash paper !!!
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
salut !
une option dans quoi ?
@+
b g
0
Réponse 18 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
;)) c est une extension flash pro

https://www.adobe.com/products/catalog.html

Snag it le fait aussi
http://fr.techsmith.com/snagit.asp?CMP=KyahooSfr
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
'extension' .... il faut donc avoir flash pro pour s'en servir ou bien l'on peut la relier à autre chose ?
@+
b g
0
Réponse 19 / 19
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
non ce que je veut dire c est que elle est gratuite avec flash pro !! :))
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
donc pas pour mon budget ... dommage !
@+
b g
0

Discussions similaires

ALERT en php
snoopy -
appkech -

14 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses
MessageBox en PHP
PcKiller -
Mrhack38 -

3 réponses
balise de retour à la ligne en php
2I++ -
Naguez Abderraouf -

5 réponses