PB affichage selon définition écran
Fermé
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
-
26 avril 2009 à 23:57
Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 - 1 mai 2009 à 14:28
Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 - 1 mai 2009 à 14:28
A voir également:
- PB affichage selon définition écran
- Double ecran - Guide
- Capture d'écran samsung - Guide
- Ecran noir pc - Guide
- Ecran d'accueil iphone - Guide
- Retourner ecran windows - Guide
32 réponses
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
28 avril 2009 à 00:57
28 avril 2009 à 00:57
Oui, excuses-moi mais je viens de m'apercevoir que j'ai un bronx pas possible avec ma lightbox, si tu cliques sur une photo ou vidéo, la lightbox ne s'affiche pas bien et je ne vois pas ce qui m' a provoqué ce truc avant ça marchait nickel donc je voudrais d'abord que ça ça marche je cherche ce truc là et aprsè je vais faire ce que tu me dis
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
28 avril 2009 à 18:55
28 avril 2009 à 18:55
tu vires tout, tu garde pas la balise html dans tes includes ;)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
Ca, c'est le DTD complet pour ainsi dire^^ donc on ne doit le trouver qu'une fois. De plus, inclure la balise html dans des pages purement php ça n'a pas de sens, encore plus quand ce sont des pages qu'on incluera par la suite, ça pourri tout^^
Ca ne me pose pas trop de problèmes de répéter, l'avantage avec toi étant que chaque répétition est là pour parfaire ta compréhension des idées, et non pour essayer à chaque fois de te les inculquer :D en gros j'ai pas l'impression de parler à un âne et ça me va très bien ;) peu importe la répétition, pour avoir appris aussi, je sais que c'est pas évident :D et qu'un coup de main est toujours le bien venu.
Et pour les css, toutes tes informations de style doivent être regroupées dans un fichier, pas forcément dans un dossier ;) ça c'est annexe. Mais par exemple, tout ce qui concerne le style1 sera dans le fichier style1.css. Pour les css partagées par tous les styles, on peut donc créer un style.css qui reste quoi qu'il se passe, mais ça, ça dépend de ton php et de ton système de sélection de style après^^
Je pars regarder ton nouveau code source. Une petite chose avant, par rapport à ton paragraphe sur les modifs qui pourrissent un code qui fonctionnait déjà avant^^. C'est une idée avec laquelle il n'est pas facile de se mettre d'accord, mais la validité et la conformité de ton code passe avant la considération du 'ça fonctionne'. D'une part, si c'est valide et conforme, ça fonctionne ;), d'autre part, un code valide a plus de chance de durer longtemps et de ne connaître aucun bug (utilisateur ou autre^^). Donc même si c'est rageant, faut toujours veiller à avoir un code valide. Un truc qui fonctionne bien avec un code invalide, et qui ne fonctionne plus avec un code valide, doit être reconstruit correctement, puisque ça implique qu'il n'était pas correct avant la transformation^^. Faut s'armer de patience ;)
Voici les premières lignes de ton code, avant les css incorporés:
Voilà ce que ça devrait être:
Une fois la déclaration des css terminées tu fermes la balise style et la balise head correctement, pour ensuite ouvrir body. Ca c'est bon, mais après le sélecteur de style tu nous remets un autre head et un autre body, c'est invalide et non conforme: html, head, doctype et body ne sont déclarables qu'une seule fois dans un document, et il n'y a aucune exception. Ca suit l'ordre suivant:
<!DOCTYPE>
<html>
<head>
//des informations propres à head concernant l'affichage de la page et le contenu du document pour les robots de moteurs de recherche
</head>
<body>
//le contenu qui devra être affiché par les navigateurs
</body>
</html>
C'est une version épurée ;). Garce ça en tête: tous les codes suivent une logique, pas toujours la même, mais ils en ont une. Pour bien assimiler un langage, il te faudra en comprendre la logique. Tu peux voir les choses comme ça: doctype nous dit qu'on parle d'un humain, head se place logiquement directement après le fait qu'on sache que c'est un humain: il a donc une tête. Et le corps vient après la tête, et quand on a terminé, on indique qu'on ne parle plus de l'humain. Ton code source nous explique que tu parles d'un humain qui a plusieurs têtes et plusieurs corps en lui même (et avant que tu vires les DTD en trop, il avait même plusieurs humains en lui :D). C'est un peu simpliste, mais c'est un moyen mnémotechnique pour se souvenir de la structure d'un document html standard^^
A ce sujet, ça implique que ton pied de page fait partie intégrale de l'humain dont on parle. Il reste donc dans le doc normal, après la tête, et dans le corps (puisqu'on ne le sépare pas^^). Il faut donc retirer aussi ta balise head là et les styles css incorporés.
Et tu l'auras compris, il faut corriger ceci en fin de page:
</body>
</html>
</div>
</body>
</html>
par:
</div>
</body>
</html>
;)
Sinon chapeau, t'as quasi viré tout ce qu'il fallait^^ (notamment les DTD en trop^^). Garde en tête qu'un code source doit être facile à lire et à comprendre, et qu'il n'est pas forcément très long non plus. La longueur du tiens devrait te mettre la puce à l'oreille, t'imagine si le code source de sites comme CCM étaient proportionnellement aussi longs que celui du site que tu construit? Ca mettrait des plombes à s'afficher :D
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
Ca, c'est le DTD complet pour ainsi dire^^ donc on ne doit le trouver qu'une fois. De plus, inclure la balise html dans des pages purement php ça n'a pas de sens, encore plus quand ce sont des pages qu'on incluera par la suite, ça pourri tout^^
Ca ne me pose pas trop de problèmes de répéter, l'avantage avec toi étant que chaque répétition est là pour parfaire ta compréhension des idées, et non pour essayer à chaque fois de te les inculquer :D en gros j'ai pas l'impression de parler à un âne et ça me va très bien ;) peu importe la répétition, pour avoir appris aussi, je sais que c'est pas évident :D et qu'un coup de main est toujours le bien venu.
Et pour les css, toutes tes informations de style doivent être regroupées dans un fichier, pas forcément dans un dossier ;) ça c'est annexe. Mais par exemple, tout ce qui concerne le style1 sera dans le fichier style1.css. Pour les css partagées par tous les styles, on peut donc créer un style.css qui reste quoi qu'il se passe, mais ça, ça dépend de ton php et de ton système de sélection de style après^^
Je pars regarder ton nouveau code source. Une petite chose avant, par rapport à ton paragraphe sur les modifs qui pourrissent un code qui fonctionnait déjà avant^^. C'est une idée avec laquelle il n'est pas facile de se mettre d'accord, mais la validité et la conformité de ton code passe avant la considération du 'ça fonctionne'. D'une part, si c'est valide et conforme, ça fonctionne ;), d'autre part, un code valide a plus de chance de durer longtemps et de ne connaître aucun bug (utilisateur ou autre^^). Donc même si c'est rageant, faut toujours veiller à avoir un code valide. Un truc qui fonctionne bien avec un code invalide, et qui ne fonctionne plus avec un code valide, doit être reconstruit correctement, puisque ça implique qu'il n'était pas correct avant la transformation^^. Faut s'armer de patience ;)
Voici les premières lignes de ton code, avant les css incorporés:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>ACCUEIL PIAU PLONGEE - Plongée sous glace à Piau Engaly</title>
//inutile de garder ça en commentaires, tu as la ligne en dessous, dans le head
<!--<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>-->
<head>
<title>PIAU PLONGEE</title>
//on garde cette ligne
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
//on retire celle là, c'est une répétition, et je crois qu'elle n'est pas juste d'ailleurs^^
<meta name= "charset" content= "iso-8859-1"/>
<meta name="description" content="Plongée sous glace à Piau Engaly dans le département des Hautes Pyrénées."/>
<meta name="keywords" content="plongée sous glace"/>
//ces trois balises sont inutiles, obsolètes, voir même déconseillées, il faut donc s'en passer^^
<meta name="author" content= "Robert,Delord"/>
<meta name="revisit-after" content= "15 days"/>
<meta name="robots" content= "index, follow"/>
</head>
//les cinq balises ci dessous sont à retirer, elles brisent la construction logique d'un document, le rendant invalide.
<body>
<p>
</p>
</body>
</html>
//avec cette balise on reprend le rythme normal de la construction de document.
<style type="text/css">
Voilà ce que ça devrait être:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>ACCUEIL PIAU PLONGEE - Plongée sous glace à Piau Engaly</title>
<head>
<title>PIAU PLONGEE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="Plongée sous glace à Piau Engaly dans le département des Hautes Pyrénées."/>
<meta name="keywords" content="plongée sous glace"/>
</head>
<style type="text/css">
Une fois la déclaration des css terminées tu fermes la balise style et la balise head correctement, pour ensuite ouvrir body. Ca c'est bon, mais après le sélecteur de style tu nous remets un autre head et un autre body, c'est invalide et non conforme: html, head, doctype et body ne sont déclarables qu'une seule fois dans un document, et il n'y a aucune exception. Ca suit l'ordre suivant:
<!DOCTYPE>
<html>
<head>
//des informations propres à head concernant l'affichage de la page et le contenu du document pour les robots de moteurs de recherche
</head>
<body>
//le contenu qui devra être affiché par les navigateurs
</body>
</html>
C'est une version épurée ;). Garce ça en tête: tous les codes suivent une logique, pas toujours la même, mais ils en ont une. Pour bien assimiler un langage, il te faudra en comprendre la logique. Tu peux voir les choses comme ça: doctype nous dit qu'on parle d'un humain, head se place logiquement directement après le fait qu'on sache que c'est un humain: il a donc une tête. Et le corps vient après la tête, et quand on a terminé, on indique qu'on ne parle plus de l'humain. Ton code source nous explique que tu parles d'un humain qui a plusieurs têtes et plusieurs corps en lui même (et avant que tu vires les DTD en trop, il avait même plusieurs humains en lui :D). C'est un peu simpliste, mais c'est un moyen mnémotechnique pour se souvenir de la structure d'un document html standard^^
A ce sujet, ça implique que ton pied de page fait partie intégrale de l'humain dont on parle. Il reste donc dans le doc normal, après la tête, et dans le corps (puisqu'on ne le sépare pas^^). Il faut donc retirer aussi ta balise head là et les styles css incorporés.
Et tu l'auras compris, il faut corriger ceci en fin de page:
</body>
</html>
</div>
</body>
</html>
par:
</div>
</body>
</html>
;)
Sinon chapeau, t'as quasi viré tout ce qu'il fallait^^ (notamment les DTD en trop^^). Garde en tête qu'un code source doit être facile à lire et à comprendre, et qu'il n'est pas forcément très long non plus. La longueur du tiens devrait te mettre la puce à l'oreille, t'imagine si le code source de sites comme CCM étaient proportionnellement aussi longs que celui du site que tu construit? Ca mettrait des plombes à s'afficher :D
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
29 avril 2009 à 14:40
29 avril 2009 à 14:40
Oh purée alors là Smoking bird tu dois être prof toi non ? !!!! en tout cas ma chandelle s'éclaire, je te fais pas de long discours pour le moment car je vais reprendre ce que tu me dis et je pense qu'avant d'aller plus loin y a pas mal de trucs que je vais corriger même si j'enrage un peu parce que j'aurai besoin d'avancer un peu plus, bon je te tiens au courant dès que j'ai fait quelques modifs supplémentaires mais ça sera peut-être pas dans les heures qui viennent en tout cas tu peux être sûr que je vais relire ce que tu me dis et essayer de le mettre le mieux possible en oeuvre. Encore merci, sympa, ça m'aide beaucoup.
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
29 avril 2009 à 16:01
29 avril 2009 à 16:01
Pas de soucis^^ et non, je suis pas prof, je suis autodidacte :D donc j'imagine bien à quelles difficultés tu es confronté ;)
No probs aussi pour le temps que tu mettras à faire tes modifications, mieux vaut prendre du temps pour soigner ça que le torcher et mal le faire parce qu'on est sous pression ;), à ce sujet, détend toi, un client préfère recevoir sa marchandise en retard et en excellent état, qu'en avance et en ruine :D (principe que j'ai eu l'occasion de mettre en oeuvre à différentes reprises^^).
Anyway, travaille bien et tiens moi au courant ;), je reste dans le coin et j'attends de tes news^^
++
No probs aussi pour le temps que tu mettras à faire tes modifications, mieux vaut prendre du temps pour soigner ça que le torcher et mal le faire parce qu'on est sous pression ;), à ce sujet, détend toi, un client préfère recevoir sa marchandise en retard et en excellent état, qu'en avance et en ruine :D (principe que j'ai eu l'occasion de mettre en oeuvre à différentes reprises^^).
Anyway, travaille bien et tiens moi au courant ;), je reste dans le coin et j'attends de tes news^^
++
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
29 avril 2009 à 18:09
29 avril 2009 à 18:09
Alors Smoking bird, je ne sais pas si tu vas être content de ton élève, mais j'ai un peu avancé, peut-être pas sur tout mais quand même un peu et j'ai également fait des modifs pour mon "client" comme tu dis qui est quelqu'un de la famille donc qui ne paiera pas son site très cher puisqu'il l'aura gratis. C'est pour ça qu'il y a sur la gauche un espace pub parce que j'envisage quand ce sera monté de l'inscrire sur un site web de monétisation style ad fever ou adsence si tu as des infos là dessus ça m'interresse. Bon d'accord j'abuse un peu de ta bonté ne perd pas trop de temps là dessus quand même, tu m'as déjà bien briffé et je t'en remercie encore. Si tu as 5 minutes revoici l'adresse: https://www.sfr.fr/fermeture-des-pages-perso.html
Maintenant je vais essayer de chercher et si possible de trouver le problème que j'ai toujours entre IE et FF concernent le haut du corps qui touche le bas du menu sur FF et pas sur IE et je vais essayer de faire comme tu m'as dit sans faire des tests dans tous les sens du style si FF j'utilise ce css sinon j'utilise l'autre c'est un peu gavant de faire ça. A plus si tu as le temps de jeter un coup d'oeil.
Maintenant je vais essayer de chercher et si possible de trouver le problème que j'ai toujours entre IE et FF concernent le haut du corps qui touche le bas du menu sur FF et pas sur IE et je vais essayer de faire comme tu m'as dit sans faire des tests dans tous les sens du style si FF j'utilise ce css sinon j'utilise l'autre c'est un peu gavant de faire ça. A plus si tu as le temps de jeter un coup d'oeil.
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
29 avril 2009 à 19:55
29 avril 2009 à 19:55
A ce que j'en sais, d'après mes anciennes recherches sur les régies publicitaires pour le net, adSense de Google est ce qui se fait de mieux -et en plus c'est fiable.
J'ai un compte chez eux, mais je n'ai pas encore eu l'occasion de vraiment m'en servir^^. En tous les cas j'ai pu découvrir leur outil pour adSense, et c'est pas mal du tout, très complet. Donc, je te les recommande ;).
J'ai jeté un oeil à ton code source, c'est très bien, bien joué ;). Les améliorations sont visibles^^. Pour aller plus loin: conserve l'indentation de ton code, mais supprime les sauts de lignes et espaces vides, ça ne sert pas vraiment la lecture dans ce cas et ça bouffe de l'espace (pas beaucoup, mais c'est toujours ça de gagné^^).
Avec quels outils travailles tu?
En jetant un oeil à tes css, j'ai repéré des commentaires explicatifs assez précis sur le fonctionnement de certaines propriétés, peux tu me dire qu'elle en est l'utilité? (ça m'saute pas aux yeux :D) Ca concerne pas les commentaires de type 'le menu' et 'quelques effets sur le menu' ^^ ceux là j'comprends ;)
toujours par rapport aux css, parfois tu répètes des propriétés avec des valeurs différentes, ça bouffe de l'espace, et c'est pas très 'rigide' (j'trouve pas le mot auquel je pense, mais c'est à peu près ça-_-'), il faudra corriger ça et conserver que les propriétés qui t'intéressent^^
Au fait, c'est quoi ton métier? tu seras appellé à avoir d'autres clients?^^
J'ai un compte chez eux, mais je n'ai pas encore eu l'occasion de vraiment m'en servir^^. En tous les cas j'ai pu découvrir leur outil pour adSense, et c'est pas mal du tout, très complet. Donc, je te les recommande ;).
J'ai jeté un oeil à ton code source, c'est très bien, bien joué ;). Les améliorations sont visibles^^. Pour aller plus loin: conserve l'indentation de ton code, mais supprime les sauts de lignes et espaces vides, ça ne sert pas vraiment la lecture dans ce cas et ça bouffe de l'espace (pas beaucoup, mais c'est toujours ça de gagné^^).
Avec quels outils travailles tu?
En jetant un oeil à tes css, j'ai repéré des commentaires explicatifs assez précis sur le fonctionnement de certaines propriétés, peux tu me dire qu'elle en est l'utilité? (ça m'saute pas aux yeux :D) Ca concerne pas les commentaires de type 'le menu' et 'quelques effets sur le menu' ^^ ceux là j'comprends ;)
toujours par rapport aux css, parfois tu répètes des propriétés avec des valeurs différentes, ça bouffe de l'espace, et c'est pas très 'rigide' (j'trouve pas le mot auquel je pense, mais c'est à peu près ça-_-'), il faudra corriger ça et conserver que les propriétés qui t'intéressent^^
Au fait, c'est quoi ton métier? tu seras appellé à avoir d'autres clients?^^
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
29 avril 2009 à 20:50
29 avril 2009 à 20:50
J'ai jeté un oeil plus précis à tes css, voilà la partie que j'ai lue pour le moment:
J'ai commenté les modifs^^ jette un oeil et dis moi ce que tu en penses ^^
Ensuite, ton div.logo_gauche est mal conçu. J'commence par une question: est-il unique? Si oui, il faut le passer en identifiant, et non en classe^^. Ensuite, voilà plus élégant et plus simple:
(j'ai pas fait la correction classe/identifiant)
Tu as besoin de faire une mise en forme particulière avec l'image de ton logo gauche, et ce que tu as essayé affiche bien, mais ne l'est pas^^ (mais c'est pas grave ;)). Il est préférable de placer ton logo sous forme d'image dans ton div, ce qui te permet comme ça de positionner de façon bien plus simple les éléments: ton div logo occupe telle largeur dans l'espace en_tete, laissant le reste de la place à element_en_tete, pour lequel on n'a plus de positionnement à étudier, et on peut travailler sur celui de l'image du logo^^, en mode valide, pro et élégant ;), et surtout, moins prise de tête :D
Autre truc important: donne des dimensions plus précises au div#corps, ce qui nous permettra de faire un meilleur travail dessus, et certainement de régler ton fameux problème FF vs IE ;)
Voilà, pour la suite j'te laisse regarder les css, c'est du léger ce soir^^
body
{
padding: 0 auto;
background-color: rgb(152,202,229);
font-family: Comic Sans MS, Arial Black, Arial, Verdana, serif;
}
/* ATTENTION CONTAINER DANS LEQUEL ON MET TOUT LE SITE POUR CENTRAGE */
div#container
{
margin: 10px auto 0 auto;
width:990px;
position:relative;
}
.element_en_tete
{
margin-left: 100px;
width: auto;
text-align: center;
height: 160px;
border: solid green 5px; /*POUR CADRAGE*/
border: solid white 3px;
margin-top: -120px;
background: no-repeat url(images_animees/animation_0005_entete1_0001.gif);
/*background-repeat: no-repeat; SB:: inutile, voir plus bas^^ */
}
.logo_gauche
{
margin-left: 10px;
margin-right: auto;
margin-top: 45px;
width: 70px;
height: 80px;
border: solid white 3px;
background: no-repeat url(logos/logo.pio.6_p.jpg);
/* background-repeat: no-repeat; SB:: voir plus bas^^ :p*/
}
.boucle_video
{
margin-left: auto;
margin-right: auto;
margin-top: -155px;
/* background-repeat: no-repeat; SB:: inutile, enfin en tous cas j'vois pas d'image de fond^^ */
}
.diaporamas
{
width: 100px;
height: 100px;
margin-left: auto;
margin-right: 25px;
margin-top: -130px;
border: solid white 3px;
}
/* Le menu */
#menu
{
/*margin-top: auto; SB::inutiles
margin-left: auto;
margin-right: auto;*/
margin:0;
background-color: rgb(135,163,171);
width: auto;
height: 25px;
text-align: center;
border: 3px solid white;/*SB: d'abord l'épaisseur du trait, puis le type et enfin la couleur ;)*/
}
.element_menu
{
font-size: 13px;
/*background-repeat: no-repeat; SB: inutile, il n'y a pas de background-image
text-align: center; SB::inutile, déjà présent dans #menu*/
/* margin: auto; SB:: inutiles
padding: auto;*/
}
/* Quelques effets sur les menus */
.element_menu a /* Tous les liens se trouvant dans un menu */
{
font-size: 15px;
color: rgb(0,0,0); /*SB:: ou color:#000;*/
/* text-align: center; SB:: inutile, déjà fait^^*/
display: inline;
/* padding-top: auto; SB:: inutile aussi il me semble^^
margin: auto;
margin-top: 8px; */
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
/*SB::c'est un avis personnel, mais tu devrais pas faire ça ;)*/
background-color: black;
color: yellow;
}
#espace_pub
{
float: left;
background-color: rgb(135,163,171);
width: 130px;
height: 470px;
margin: auto;
/* border-left: solid white 3px; SB:: remplaçable par ce qu'il y a en dessous, plus simple, moins d'espace texte ;)
border-right: solid white 3px;
border-bottom: solid white 3px;*/
border:3px solid white;
border-top:0;
}
.element_pub
{
margin: auto;
width: 130px;
height: 470px;
background:no-repeat url(images/img_espace_pub_m.jpg);/*SB:: là on met en pratique les raccourcis css, c'est un truc génial, documente toi dessus ;)
/*background-image: url(images/img_espace_pub_m.jpg);//on supprime, la version raccourcie est mieux:D
background-repeat: no-repeat; /*L'image ne se répètera pas, elle sera à gauche du titre */
}
.element_pub h3 /* Tous les titres de pub */
{
font-size: 15px; /* Titres h3 de 5 pixels */
/*border: solid black 2px;*/
padding-left: 0px;
margin-left: 20px;
/*color: rgb(255,255,255); SB:: y'a plus simple ;)*/
color:white;
text-align: center;
display: inline;
}
/* Le corps de la page */
#corps
{
/*margin-left: auto;
margin-right: auto;*/
margin:0 auto;//SB:: plus rapide!
height: 470px; /*ASCENCEUR VERTICAL SUR LE cORPS*/
width: auto;/*SB:: il est préférable de mettre une valeur fixe*/
background-color: rgb(82,147,128);
overflow:auto;
border-right: solid white 3px;
border-bottom: solid white 3px;
text-align: center;
}
J'ai commenté les modifs^^ jette un oeil et dis moi ce que tu en penses ^^
Ensuite, ton div.logo_gauche est mal conçu. J'commence par une question: est-il unique? Si oui, il faut le passer en identifiant, et non en classe^^. Ensuite, voilà plus élégant et plus simple:
<div id='en_tete'>
<div class='logo_gauche'>
<img src='logos/logo.pio.6_p.jpg'/>
</div>
<div class='element_en_tete'>
</div>
</div>
(j'ai pas fait la correction classe/identifiant)
Tu as besoin de faire une mise en forme particulière avec l'image de ton logo gauche, et ce que tu as essayé affiche bien, mais ne l'est pas^^ (mais c'est pas grave ;)). Il est préférable de placer ton logo sous forme d'image dans ton div, ce qui te permet comme ça de positionner de façon bien plus simple les éléments: ton div logo occupe telle largeur dans l'espace en_tete, laissant le reste de la place à element_en_tete, pour lequel on n'a plus de positionnement à étudier, et on peut travailler sur celui de l'image du logo^^, en mode valide, pro et élégant ;), et surtout, moins prise de tête :D
Autre truc important: donne des dimensions plus précises au div#corps, ce qui nous permettra de faire un meilleur travail dessus, et certainement de régler ton fameux problème FF vs IE ;)
Voilà, pour la suite j'te laisse regarder les css, c'est du léger ce soir^^
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
30 avril 2009 à 18:45
30 avril 2009 à 18:45
Salut Smoking bird, je n'ai pas encore mis en pratique ce que tu me dis parce que d'une part je n'ai pas eu trop le temps, d'autre part on m'a demandé une modif: le rajout du panneau de droite que tu verras à cette adresse
https://www.sfr.fr/fermeture-des-pages-perso.html Donc si je fais un copier.colle de ton css ça va pas le faire et ensuite j'aime bien comprendre avant de faire des modifs. Donc je vais les prendre une à une parce que il y en a pour lesquelles je suis d'accord avec toi, d'autres que je ne comprends pas et d'autres où je ne suis pas d'accord. La première concernant le background repeat no repeat je ne sais pas pourquoi tu me dis que c'est inutile. Pour celui de la boucle_vidéo je suis d'accord car ça ça n'existe plus, j'ai gardé le code parce qu'un jour on me dira peut-être ha !!!! tu avais mis une boucle video qu'on t'a fait enlever c'était chouette, est-ce que tu pourrais pas la remettre ? bien sûr il y a la contre partie qui fait que ça prête à confusion. Bon ensuite tu me dis border: 3px solid white;/*SB: d'abord l'épaisseur du trait, puis le type et enfin la couleur ;)*/ Je ne sais pas si ça a de l'importance, c'est un truc que je n'ai pas inventé de mettre border: solid white 3px. je pense l'avoir pris sur le site_du_zero mais pas sûr. S'il y a une importance je changerai comme tu me dis.
Ah pour le background je cois comprendre, moi j'ai mis:
background-image: url(logos/logo.pio.6_p.jpg);
background-repeat: no-repeat;
et toi tu mets
background: no-repeat url(logos/logo.pio.6_p.jpg);
Je ne sais pas si au niveau exécution il y a une différence mais bon au niveau du code c'est plus court OK
Pour ça:
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
/*SB::c'est un avis personnel, mais tu devrais pas faire ça ;)*/
background-color: black;
color: yellow;
}
Tu me dis que je devrai pas faire ça mais pourtant ça me plaisait bien le changement de couleur quand on pointe avec la souris est-ce qu'il y a une raison ?
Pour ça /*color: rgb(255,255,255); SB:: y'a plus simple ;)*/
color:white;
bon je suis d'accord mais j'ai pris l'habitude d'utiliser le rgb, ceci dit c'est vrai qu'un habitude ne demande qu'une chose c'est à être changée.
Par contre ici
/* border-left: solid white 3px; SB:: remplaçable par ce qu'il y a en dessous, plus simple, moins d'espace texte ;)
border-right: solid white 3px;
border-bottom: solid white 3px;*/
border:3px solid white;
border-top:0;
Euh je ne suis pas d'accord avec toi because euh euh et bé because rien du tout si je suis d'accord excuses j'avais pas percuté sur le margin-top:0; OK
Bon ensuite concernant le logo_gauche, si je comprends bien j'indique la présence du logo dans mon fichier .php au lieu de le mettre dans le css (je parle de l'url) je ne saisis pas la nuance ou l'importance, mais tu as certainement raison.
Je vais donc revoir tout ça à tête reposée et je ferais les modifs que tu me donnes là une à une.
Tant que j'y suis j'en profite pour te poser 2 questions:
1) Si tu cliques maintenant sur le lien "nous écrire" qui se trouve dans l'encadré de droite tu verras qu'il y a un formulaire à remplir avec des champs obligatoires. Dans mon code je fais un test si ces conditions ne sont pas remplies j'envoi une alerte (ça c'est du javascript). Sous FF no problèm ça marche mais sous IE il grogne mais l'alerte ne s'affiche pas !!!!!!!! je ne sais pas pourquoi.
2) J'ai entendu parler des logiciels qui permettent de créer des sites web très facilement du style joomla par exemple. Qu'en penses-tu ? je ne sais pas si tu connais et si tu as un avis perso.
Bon je repart au boulot, merci pour tout @+
https://www.sfr.fr/fermeture-des-pages-perso.html Donc si je fais un copier.colle de ton css ça va pas le faire et ensuite j'aime bien comprendre avant de faire des modifs. Donc je vais les prendre une à une parce que il y en a pour lesquelles je suis d'accord avec toi, d'autres que je ne comprends pas et d'autres où je ne suis pas d'accord. La première concernant le background repeat no repeat je ne sais pas pourquoi tu me dis que c'est inutile. Pour celui de la boucle_vidéo je suis d'accord car ça ça n'existe plus, j'ai gardé le code parce qu'un jour on me dira peut-être ha !!!! tu avais mis une boucle video qu'on t'a fait enlever c'était chouette, est-ce que tu pourrais pas la remettre ? bien sûr il y a la contre partie qui fait que ça prête à confusion. Bon ensuite tu me dis border: 3px solid white;/*SB: d'abord l'épaisseur du trait, puis le type et enfin la couleur ;)*/ Je ne sais pas si ça a de l'importance, c'est un truc que je n'ai pas inventé de mettre border: solid white 3px. je pense l'avoir pris sur le site_du_zero mais pas sûr. S'il y a une importance je changerai comme tu me dis.
Ah pour le background je cois comprendre, moi j'ai mis:
background-image: url(logos/logo.pio.6_p.jpg);
background-repeat: no-repeat;
et toi tu mets
background: no-repeat url(logos/logo.pio.6_p.jpg);
Je ne sais pas si au niveau exécution il y a une différence mais bon au niveau du code c'est plus court OK
Pour ça:
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
/*SB::c'est un avis personnel, mais tu devrais pas faire ça ;)*/
background-color: black;
color: yellow;
}
Tu me dis que je devrai pas faire ça mais pourtant ça me plaisait bien le changement de couleur quand on pointe avec la souris est-ce qu'il y a une raison ?
Pour ça /*color: rgb(255,255,255); SB:: y'a plus simple ;)*/
color:white;
bon je suis d'accord mais j'ai pris l'habitude d'utiliser le rgb, ceci dit c'est vrai qu'un habitude ne demande qu'une chose c'est à être changée.
Par contre ici
/* border-left: solid white 3px; SB:: remplaçable par ce qu'il y a en dessous, plus simple, moins d'espace texte ;)
border-right: solid white 3px;
border-bottom: solid white 3px;*/
border:3px solid white;
border-top:0;
Euh je ne suis pas d'accord avec toi because euh euh et bé because rien du tout si je suis d'accord excuses j'avais pas percuté sur le margin-top:0; OK
Bon ensuite concernant le logo_gauche, si je comprends bien j'indique la présence du logo dans mon fichier .php au lieu de le mettre dans le css (je parle de l'url) je ne saisis pas la nuance ou l'importance, mais tu as certainement raison.
Je vais donc revoir tout ça à tête reposée et je ferais les modifs que tu me donnes là une à une.
Tant que j'y suis j'en profite pour te poser 2 questions:
1) Si tu cliques maintenant sur le lien "nous écrire" qui se trouve dans l'encadré de droite tu verras qu'il y a un formulaire à remplir avec des champs obligatoires. Dans mon code je fais un test si ces conditions ne sont pas remplies j'envoi une alerte (ça c'est du javascript). Sous FF no problèm ça marche mais sous IE il grogne mais l'alerte ne s'affiche pas !!!!!!!! je ne sais pas pourquoi.
2) J'ai entendu parler des logiciels qui permettent de créer des sites web très facilement du style joomla par exemple. Qu'en penses-tu ? je ne sais pas si tu connais et si tu as un avis perso.
Bon je repart au boulot, merci pour tout @+
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
29 avril 2009 à 23:30
29 avril 2009 à 23:30
OK je regarderai ça demain, pour le pb entre FF et IE ça y est c'est réglé, c'était un pb au niveau de mon XHTML, je vais mettre cette correction sur le site. Merci
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
30 avril 2009 à 20:31
30 avril 2009 à 20:31
Hoy Zatox! La forme?
J'suis pas sûr de bien comprendre la modif qu'on t'a demandé, mais c'est pas grave :o)
Pas de soucis, reprennons ensemble les points que j'ai abordé^^
background: no-repeat url(images_animees/animation_0005_entete1_0001.gif);
/*background-repeat: no-repeat; SB:: inutile, voir plus bas^^ */
Tu parle bien de celle là?
background-repeat:no-repeat ne sert plus à rien, car on a utilisé juste au dessus le raccourcis avec la propriété background^^, qui spécifie no repeat et l'adresse de l'image ;) tout est déjà dedans, pas la peine de répéter la propriété :o). Ce n'est pas le raccourci complet, mais celui ci je ne le connais pas encore par coeur ;)
Pour la vidéo, pas de soucis, mais mets la ligne dans un fichier de sauvegarde, toujours dans le soucis d'avoir une surface de travail bien propre^^ Enfin, c'est un conseil dont tu peux te passer ;) laisser ça comme ça ne tuera personne^^
Pour le raccourci de border, je ne t'accuse pas de l'avoir inventé ;). http://www.pompage.net/traduction/raccourcisCSS c'est un article assez bien fichu parlant des raccourcis. Il explique dedans que l'ordre que je t'indique est celui spécifié par la norme, et que le W3C n'a pas rendu cette forme de raccourci rigide. Sauf que si le W3C ne l'a pas fait, peut être qu'un navigateur le fera et appliquera à la lettre la norme, et dans ce cas, ton css serait fichu ;). Je t'invite à le lire en long en large et en travers, tu comprendras la majorité des modifications que je propose^^
Je vois que tu as compris le truc par la suite pour background: no-repeat url(image);, c'est en effet plus court niveau code, donc taille fichier (ce qui te permet de rajouter davantage de choses, mais on te dira que tout est relatif^^), on y regroupe toutes les propriétés (j'ai mis que les 2 concernées là ;)), et ça évite les répétitions exaspérantes de 'background'
Le changement de style au survol est une bonne idée, elle est appliquée un peu partout dans les menus, ça ajoute un côté sympa et ça assoupli la navigation et le design. Mais y'a plusieurs façons de le réaliser ;) et là, faire un fond noir avec une police qui devient jaune, ça tranche vraiment avec le reste :), ça casse le design, les yeux s'accrochent dessus et ça ne s'harmonise pas avec le reste^^. Enfin, comme je t'ai dit, c'est un avis personnel, mais tu devrais le faire différement, plus en accord avec le reste de ton design. Pourquoi ne pas réutiliser des couleurs que tu as déjà faites? Elles sont plutôt bien^^
Pour le rgb, je connais 4 façons différentes de le faire, et je suis partisan du moindre effort comme tu l'auras remarqué ;) c'est juste pour cette raison que j'ai mis qu'il y avait plus simple^^
ptdr :D
C'est une méthode plus propre et plus facilement gérable que la tienne^^ c'est essentiellement ça ;), en fait ça permet de faire cohabiter en meilleure intelligence tes éléments div.en_tete div#en_tete et logo_gauche^^, ta méthode manque d'habileté, ça la rend donc moins viable
1) sur mon IE8 l'alerte s'affiche^^ quand tous les champs ne sont pas remplis. Par contre, dès que mail n'est pas rempli, l'alert ne s'affiche pas et ça envoi le formulaire au script php. Je pense que ton controle javascript n'est pas bien construit. Ceci dit, je ne suis pas un expert, et javascript et moi on ne s'entend pas encore assez bien. En revanche, je pense que tu devrais pas te prendre le chou avec des contrôles javascript sur cette page, le php suffit amplement, d'autant plus que le javascript n'est jamais aussi fiable et aussi complet que le php. Peut être que tu devrais les retirer^^ qu'en dis tu?
2) Comme tu t'en doutes, j'ai entendu parler de tout ces trucs :p on appelle ça des CMS, pour Content Managment System. Ils sont autant encensés que critiqués. Je me suis longtemps posé la question de savoir si ça valait le coup de bosser là dessus ou non, et j'ai trouvé ma réponse -mais elle est assez personnelle.
Avantages:
-Accessibles à un large public,
-outils 'complets'
-pas de connaissances prérequises
Inconvénients:
-failles de sécurité
-manque de liberté
-dépendance à un système sur lequel on n'a aucune prise.
J'ai assez vite tranché, notamment en regard des problèmes liés à la sécurité. Vu que les codes sont largement diffusés, les pirates et autres personnes mal intentionnées se retrouvent avec les 3/4 du boulot mâché pour agir sur les sites issus des CMS. Pour moi, c'est inacceptable. Il y a une règle d'or en matière de lutte anti-piratage: tout faire pour que le pirate en chie un max. Les cms ne la respectant naturellement pas, pour moi c'est pas possible. Je tiens à offrir des codes maisons et plus difficilement pénétrables à mes clients ;).
Ensuite, le jour où ces systèmes ont des problèmes (et surtout les sociétés qui les développent), les utilisateurs seront exposés au danger de voir tout leur contenu altéré ou détruit, et compte tenu de l'instabilité du climat actuelle, je préfère ne pas prendre ce risque ;).
Par rapport aux connaissances requises et à la liberté, le développement est un domaine qui me branche vraiment, et traquer les infos pour apprendre chaque jour un peu plus est pour moi un plaisir (on est geek, ou on l'est pas). Donc un système qui ne me stimule pas intellectuellement ne m'intéresse pas ;). De plus, comme je le disais, en apprenant sans arrêt je peux développer plein de trucs que je veux, exactement comme je le veux^^ -enfin, dans la limite de mes capacités du moment ;), que j'repousse si elles me handicapent trop. Tu comprendras que c'est un indéniable avantage que d'avoir telle liberté :D même si ça se paye de nombreuses heures à suer comme un con sur des problèmes standards^^, mais quel bonheur par la suite! Joomla me rendrait jamais fier de mon travail :D.
Voilà une petite synthèse de mon avis, je t'épargnerais le reste de mon enthousiasme ;). Une dernière chose, parce que je voudrais pas que tu te fasses une opinion en n'étant pas assez informé: les cms ont fait énormément de progrès en matière de sécurité ces derniers temps, et c'est tout à leur honneur. En revanche, ce n'est en rien une garantie: comme je te disais, la majorité d'entre eux sont en accès libre quasi absolu, il y a donc une faille dans leur concept même, et plus ils se protègeront, plus les pirates s'amuseront à franchir leur barrière^^. Perso, j'ai aucune envie de me retrouver entre ces deux feux ;)
Bon, j'repars au boulot moi aussi^^ travaille bien et te prends pas trop le chou :p ++
J'suis pas sûr de bien comprendre la modif qu'on t'a demandé, mais c'est pas grave :o)
Pas de soucis, reprennons ensemble les points que j'ai abordé^^
background: no-repeat url(images_animees/animation_0005_entete1_0001.gif);
/*background-repeat: no-repeat; SB:: inutile, voir plus bas^^ */
Tu parle bien de celle là?
background-repeat:no-repeat ne sert plus à rien, car on a utilisé juste au dessus le raccourcis avec la propriété background^^, qui spécifie no repeat et l'adresse de l'image ;) tout est déjà dedans, pas la peine de répéter la propriété :o). Ce n'est pas le raccourci complet, mais celui ci je ne le connais pas encore par coeur ;)
Pour la vidéo, pas de soucis, mais mets la ligne dans un fichier de sauvegarde, toujours dans le soucis d'avoir une surface de travail bien propre^^ Enfin, c'est un conseil dont tu peux te passer ;) laisser ça comme ça ne tuera personne^^
Pour le raccourci de border, je ne t'accuse pas de l'avoir inventé ;). http://www.pompage.net/traduction/raccourcisCSS c'est un article assez bien fichu parlant des raccourcis. Il explique dedans que l'ordre que je t'indique est celui spécifié par la norme, et que le W3C n'a pas rendu cette forme de raccourci rigide. Sauf que si le W3C ne l'a pas fait, peut être qu'un navigateur le fera et appliquera à la lettre la norme, et dans ce cas, ton css serait fichu ;). Je t'invite à le lire en long en large et en travers, tu comprendras la majorité des modifications que je propose^^
Je vois que tu as compris le truc par la suite pour background: no-repeat url(image);, c'est en effet plus court niveau code, donc taille fichier (ce qui te permet de rajouter davantage de choses, mais on te dira que tout est relatif^^), on y regroupe toutes les propriétés (j'ai mis que les 2 concernées là ;)), et ça évite les répétitions exaspérantes de 'background'
Le changement de style au survol est une bonne idée, elle est appliquée un peu partout dans les menus, ça ajoute un côté sympa et ça assoupli la navigation et le design. Mais y'a plusieurs façons de le réaliser ;) et là, faire un fond noir avec une police qui devient jaune, ça tranche vraiment avec le reste :), ça casse le design, les yeux s'accrochent dessus et ça ne s'harmonise pas avec le reste^^. Enfin, comme je t'ai dit, c'est un avis personnel, mais tu devrais le faire différement, plus en accord avec le reste de ton design. Pourquoi ne pas réutiliser des couleurs que tu as déjà faites? Elles sont plutôt bien^^
Pour le rgb, je connais 4 façons différentes de le faire, et je suis partisan du moindre effort comme tu l'auras remarqué ;) c'est juste pour cette raison que j'ai mis qu'il y avait plus simple^^
Par contre ici /* border-left: solid white 3px; SB:: remplaçable par ce qu'il y a en dessous, plus simple, moins d'espace texte ;) border-right: solid white 3px; border-bottom: solid white 3px;*/ border:3px solid white; border-top:0; Euh je ne suis pas d'accord avec toi because euh euh et bé because rien du tout si je suis d'accord excuses j'avais pas percuté sur le margin-top:0; OK
ptdr :D
Bon ensuite concernant le logo_gauche, si je comprends bien j'indique la présence du logo dans mon fichier .php au lieu de le mettre dans le css (je parle de l'url) je ne saisis pas la nuance ou l'importance, mais tu as certainement raison.
C'est une méthode plus propre et plus facilement gérable que la tienne^^ c'est essentiellement ça ;), en fait ça permet de faire cohabiter en meilleure intelligence tes éléments div.en_tete div#en_tete et logo_gauche^^, ta méthode manque d'habileté, ça la rend donc moins viable
1) sur mon IE8 l'alerte s'affiche^^ quand tous les champs ne sont pas remplis. Par contre, dès que mail n'est pas rempli, l'alert ne s'affiche pas et ça envoi le formulaire au script php. Je pense que ton controle javascript n'est pas bien construit. Ceci dit, je ne suis pas un expert, et javascript et moi on ne s'entend pas encore assez bien. En revanche, je pense que tu devrais pas te prendre le chou avec des contrôles javascript sur cette page, le php suffit amplement, d'autant plus que le javascript n'est jamais aussi fiable et aussi complet que le php. Peut être que tu devrais les retirer^^ qu'en dis tu?
2) Comme tu t'en doutes, j'ai entendu parler de tout ces trucs :p on appelle ça des CMS, pour Content Managment System. Ils sont autant encensés que critiqués. Je me suis longtemps posé la question de savoir si ça valait le coup de bosser là dessus ou non, et j'ai trouvé ma réponse -mais elle est assez personnelle.
Avantages:
-Accessibles à un large public,
-outils 'complets'
-pas de connaissances prérequises
Inconvénients:
-failles de sécurité
-manque de liberté
-dépendance à un système sur lequel on n'a aucune prise.
J'ai assez vite tranché, notamment en regard des problèmes liés à la sécurité. Vu que les codes sont largement diffusés, les pirates et autres personnes mal intentionnées se retrouvent avec les 3/4 du boulot mâché pour agir sur les sites issus des CMS. Pour moi, c'est inacceptable. Il y a une règle d'or en matière de lutte anti-piratage: tout faire pour que le pirate en chie un max. Les cms ne la respectant naturellement pas, pour moi c'est pas possible. Je tiens à offrir des codes maisons et plus difficilement pénétrables à mes clients ;).
Ensuite, le jour où ces systèmes ont des problèmes (et surtout les sociétés qui les développent), les utilisateurs seront exposés au danger de voir tout leur contenu altéré ou détruit, et compte tenu de l'instabilité du climat actuelle, je préfère ne pas prendre ce risque ;).
Par rapport aux connaissances requises et à la liberté, le développement est un domaine qui me branche vraiment, et traquer les infos pour apprendre chaque jour un peu plus est pour moi un plaisir (on est geek, ou on l'est pas). Donc un système qui ne me stimule pas intellectuellement ne m'intéresse pas ;). De plus, comme je le disais, en apprenant sans arrêt je peux développer plein de trucs que je veux, exactement comme je le veux^^ -enfin, dans la limite de mes capacités du moment ;), que j'repousse si elles me handicapent trop. Tu comprendras que c'est un indéniable avantage que d'avoir telle liberté :D même si ça se paye de nombreuses heures à suer comme un con sur des problèmes standards^^, mais quel bonheur par la suite! Joomla me rendrait jamais fier de mon travail :D.
Voilà une petite synthèse de mon avis, je t'épargnerais le reste de mon enthousiasme ;). Une dernière chose, parce que je voudrais pas que tu te fasses une opinion en n'étant pas assez informé: les cms ont fait énormément de progrès en matière de sécurité ces derniers temps, et c'est tout à leur honneur. En revanche, ce n'est en rien une garantie: comme je te disais, la majorité d'entre eux sont en accès libre quasi absolu, il y a donc une faille dans leur concept même, et plus ils se protègeront, plus les pirates s'amuseront à franchir leur barrière^^. Perso, j'ai aucune envie de me retrouver entre ces deux feux ;)
Bon, j'repars au boulot moi aussi^^ travaille bien et te prends pas trop le chou :p ++
zatox
Messages postés
640
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
26 juin 2020
65
1 mai 2009 à 09:55
1 mai 2009 à 09:55
Hello Smoking bird how are you ? bon vite fait pour te répondre car je n'ai pas trop le temps il faut que je profite du rayon de soleil pour aller tondre la pelouse. Donc je te réponds un peu en vrac, d'abord j'i fait les modifs que tu me donnes jusqu'au bloc #corps je répercuterait ce que je connais grace à toi un peu plus tard.
(https://www.sfr.fr/fermeture-des-pages-perso.html
Encuite y des trucs pour lesquels j'aurai mis ma main à couper concernant ta réponse c'est au sujet des CMS (joomla ou autres) ce qui m'interresse c'est le pourquoi sinon je suis d'accord avec toi, je pense qu'un site écrit en CSS XHTML PHP est surement plus souple qu'un écrit avec un CMS. Mais peut-tu me dire ce qui fait que mon code est plus sécurisé que si je l'avais écrit avec un CMS ? autrement je partage tout à fait ton opinion.
Pour le changement de style au survol de la souris, la première fois que tu m'en as parlé je croyais qu'il ne fallait pas faire ça à cause d'un problème technique, si c'est au niveau du design je suis tout à fait d'accord d'ailleurs je l'ai changé et c'est plutot "mon client" qui me dira ce qu'il en pense. Bon j'y vais, je reprendrai la suite un peu plus tard. Ah si autre chose, pour le javascript également d'accord avec toi, je vais changer ça par du php. A plus et encore merci si tu trouves que je ne suis pas trop chiant j'accepte toujours tes conseils car ils m'ont bien fait avancer. Tchao et bonne journée.
(https://www.sfr.fr/fermeture-des-pages-perso.html
Encuite y des trucs pour lesquels j'aurai mis ma main à couper concernant ta réponse c'est au sujet des CMS (joomla ou autres) ce qui m'interresse c'est le pourquoi sinon je suis d'accord avec toi, je pense qu'un site écrit en CSS XHTML PHP est surement plus souple qu'un écrit avec un CMS. Mais peut-tu me dire ce qui fait que mon code est plus sécurisé que si je l'avais écrit avec un CMS ? autrement je partage tout à fait ton opinion.
Pour le changement de style au survol de la souris, la première fois que tu m'en as parlé je croyais qu'il ne fallait pas faire ça à cause d'un problème technique, si c'est au niveau du design je suis tout à fait d'accord d'ailleurs je l'ai changé et c'est plutot "mon client" qui me dira ce qu'il en pense. Bon j'y vais, je reprendrai la suite un peu plus tard. Ah si autre chose, pour le javascript également d'accord avec toi, je vais changer ça par du php. A plus et encore merci si tu trouves que je ne suis pas trop chiant j'accepte toujours tes conseils car ils m'ont bien fait avancer. Tchao et bonne journée.
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
1 mai 2009 à 14:23
1 mai 2009 à 14:23
Hoy zatox!
La forme? moi j'me débrouille :p ;)
Okay pour les modifs, prends bien ton temps, expérimente et pars à la recherche de la connaissance ;) :p ton travail n'en sera que meilleur, il faut que tu comprennes parfaitement les outils que tu utilise : o)
Pour le code personnel plus sécurisé que celui des CMS, c'est très simple. Peut être es tu familier des techniques de reverse engineering? C'est une pratique assez ancienne et illégale, qui consiste à récupérer un produit vendu par un concurrent, le démonter et l'analyser pour comprendre comment il a été construit, afin soit de le copier, soit d'en copier certains éléments, soit de monter son propre produit à partir du travail des concurrents. Et bien dans les techniques de piratages, il y en a une similaire. La plupart des CMS divulguent leurs codes ou n'en sécurisent pas assez l'accès, il suffit donc qu'un pirate s'ouvre un compte sur le CMS visé et se comporte comme un utilisateur normal pour voir comment ça fonctionne. Ceci fait, il recherche un accès à la structure même de l'environnement proposé par le CMS, soit il prends une approche directe et chercher à obtenir les codes et la structure en clair, soit il prends une approche plus subtile et cherche à découvrir cette fameuse structure en utilisant l'environnement comme n'importe qui -ou presque.
Comme je t'ai dit, c'est illegal ;) mais ça se fait. Un pirate procédant ainsi aura pour ainsi dire à sa merci la totalité des utilisateurs du CMS victime, dans la mesure où il parvient à ses fins, et parce que tous ces utilisateurs utilisent le même environnement. En produisant toi même tes environnements avec tes petites mimines, tes connaissances, tes qualités personnelles et ta logique propre, un pirate aura beaucoup plus de mal à se faire une idée sur la structure des environnements que tu construiras. Déjà il lui faudra un accès, et pour ça il lui faudra être client, ou alors il lui faudra utiliser d'autres méthodes lui permettant de déduire la structure de tes produits, mais dans tous les cas, ce ne sera pas gagné pour lui^^. Si tu travailles assez bien (et vu ta vitesse de compréhension, j'ai plutôt confiance), tu produira des environnements sur lesquels la majorité des pirates se casseront les dents, et tu les auras donc à l'usure: ils passeront leur chemin et chercheront des cibles plus faciles.
Quant aux pirates plus expérimentés, les produits que tu fourniras ne devraient a priori pas intéresser leurs compétences ou stimuler leur curiosité ;) ils s'attaquent à plus gros poissons :p. Tu saisi mieux?
Au fait, j'ai cliqué sur ton lien, et ça m'amène sur une page vide ^o) erreur 404
edit :: ptdr, c'est à cause de la parenthèse et du point à la fin, ils sont inclus dans le lien :p ça le fausse^^ j'ai réussi à atterrir sur la bonne page : o). C'est beaucoup mieux pour les boutons au survol ;) nettement plus en accord avec le design général : o)
Et pour terminer, bien reçu pour le php ;) je pense que c'est une bonne décision^^
A plus et bonne journée, passe bien la tondeuse : o)
Smoke
La forme? moi j'me débrouille :p ;)
Okay pour les modifs, prends bien ton temps, expérimente et pars à la recherche de la connaissance ;) :p ton travail n'en sera que meilleur, il faut que tu comprennes parfaitement les outils que tu utilise : o)
Pour le code personnel plus sécurisé que celui des CMS, c'est très simple. Peut être es tu familier des techniques de reverse engineering? C'est une pratique assez ancienne et illégale, qui consiste à récupérer un produit vendu par un concurrent, le démonter et l'analyser pour comprendre comment il a été construit, afin soit de le copier, soit d'en copier certains éléments, soit de monter son propre produit à partir du travail des concurrents. Et bien dans les techniques de piratages, il y en a une similaire. La plupart des CMS divulguent leurs codes ou n'en sécurisent pas assez l'accès, il suffit donc qu'un pirate s'ouvre un compte sur le CMS visé et se comporte comme un utilisateur normal pour voir comment ça fonctionne. Ceci fait, il recherche un accès à la structure même de l'environnement proposé par le CMS, soit il prends une approche directe et chercher à obtenir les codes et la structure en clair, soit il prends une approche plus subtile et cherche à découvrir cette fameuse structure en utilisant l'environnement comme n'importe qui -ou presque.
Comme je t'ai dit, c'est illegal ;) mais ça se fait. Un pirate procédant ainsi aura pour ainsi dire à sa merci la totalité des utilisateurs du CMS victime, dans la mesure où il parvient à ses fins, et parce que tous ces utilisateurs utilisent le même environnement. En produisant toi même tes environnements avec tes petites mimines, tes connaissances, tes qualités personnelles et ta logique propre, un pirate aura beaucoup plus de mal à se faire une idée sur la structure des environnements que tu construiras. Déjà il lui faudra un accès, et pour ça il lui faudra être client, ou alors il lui faudra utiliser d'autres méthodes lui permettant de déduire la structure de tes produits, mais dans tous les cas, ce ne sera pas gagné pour lui^^. Si tu travailles assez bien (et vu ta vitesse de compréhension, j'ai plutôt confiance), tu produira des environnements sur lesquels la majorité des pirates se casseront les dents, et tu les auras donc à l'usure: ils passeront leur chemin et chercheront des cibles plus faciles.
Quant aux pirates plus expérimentés, les produits que tu fourniras ne devraient a priori pas intéresser leurs compétences ou stimuler leur curiosité ;) ils s'attaquent à plus gros poissons :p. Tu saisi mieux?
Au fait, j'ai cliqué sur ton lien, et ça m'amène sur une page vide ^o) erreur 404
edit :: ptdr, c'est à cause de la parenthèse et du point à la fin, ils sont inclus dans le lien :p ça le fausse^^ j'ai réussi à atterrir sur la bonne page : o). C'est beaucoup mieux pour les boutons au survol ;) nettement plus en accord avec le design général : o)
Et pour terminer, bien reçu pour le php ;) je pense que c'est une bonne décision^^
A plus et bonne journée, passe bien la tondeuse : o)
Smoke
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
1 mai 2009 à 14:28
1 mai 2009 à 14:28
ps: j'oubliais, pour le problème entre FF et IE, je m'en doutais, mais je n'ai pas cherché à avoir une confirmation cash de mes soupçons : o) pour moi il fallait d'abord passer par un cleanage de ton code^^ c'est pour ça que ça a pris tout ce temps ;).
En tous cas c'est un assez bon exemple: beaucoup de problèmes en code, xhtml css ou php (et certainement d'autres), sont les conséquences d'erreurs qui apparaissent plus tôt^^, et ne sont pas forcément en eux mêmes mal fichus. Y'a juste des conflits de données ;)
En tous cas c'est un assez bon exemple: beaucoup de problèmes en code, xhtml css ou php (et certainement d'autres), sont les conséquences d'erreurs qui apparaissent plus tôt^^, et ne sont pas forcément en eux mêmes mal fichus. Y'a juste des conflits de données ;)
