Jump to content

AntiStatic

Webmaster Régulier
  • Content Count

    98
  • Joined

  • Last visited

Everything posted by AntiStatic

  1. Effectivement ca revient à naviguer de la même façon quelques soit l'écran. Mais ca permet surtout d'afficher les images et les textes de la même facon partout. Le pb étant ces satanés device-pixel-ratio diiférent en fonction de chaque device qui font qu'un coup l'image prend 10% de l'écran puis sur un autre 30%, c'est ingérable ... Je suis d'accord : ce n'est pas vraiment un site responsive design. Mais cela n'empêche pas d'avoir un site adapté à la navigation tactile. Je pense qu'aujourd'hui il faut penser ca charte directement pour les mobiles et les tablettes (gros textes, gros boutons, etc ..) en tout cas c'est ce que je fais. L'avantage de cette solution, pour moi, est d'avoir le rendu strictement identique et surtout de tout pouvoir caler au pixel près !
  2. Salut à tous, je vous soumets ici une solution que j'ai utilisé pour rendre un site responsive web design sans me prendre la tête avec les em, vw, % et tout ce binz. Le problème étant qu'en utilisant autre chose que des unités en px, il est très difficile d'avoir le même rendu sur tout les écrans, voir impossible ... telle tablette affiche des textes plus gros qu'une autre, les images (qui sont toujours en pixels faut'il le rappeler) s'affichent différemment en fonction du ration device-pixel-ratio du device, bref c'est le bordel ... Quand on cherche des solutions sur le net, tout le monde dit : ha ben facile pour re-déclare des styles CSS en fonction de la résolution du device, utilise un viewport avec initial-scale, maximum-scale ... bref pour moi c'est en retour en arrière, vers les années 1998 ou l'on devait presque coder un site par navigateur (netscape, ie et compagnie), vive le progrès ... Donc ma solution simple et facile est celle-ci : > Tu intègres ton site en pixels (px) comme ca tout est bien calé > Tu redimensionnes le site avec une fonction javascript qui change le style:zoom sur le site en fonction de la largeur ou la hauteur (comme tu préfères) de l'écran du device > Et voila c'est fait, le rendu est le même quelque soit l'écran ! Donc j'aimerais savoir ce que vous pensez de cette solution ? Est-ce que j'ai raté un truc ou cette solution vous semble plus simple et efficace que d'avoir à gérer : > plusieurs fichiers CSS en fonction du device > des viewport avec des scales pour chaque device > des images qui s'affichent différemment en fonction du device-pixel-ratio Merci pour vos retours. Voila le code : <!DOCTYPE html> <html lang="fr"> <head> <title>Titre</title> <meta charset="utf-8"> <style> html, body { margin : 0 ; padding : 0 ; } #FSite { position : absolute ; width : 1300px ; height : 640px ; top : 50% ; left : 50% ; margin : -320px 0 0 -650px ; background : #FFCC00 ; } </style> <script type="text/javascript"> function XLViewport() { var SiteW = 1300 // Largeur du site source ; var SiteH = 640 // Hauteur du site source ; var ScreenW = getWindowWidth() ; var ScreenH = getWindowHeight() ; // Je veux que le site fit en fonction de sa hauteur PercentH = 100 ; if (SiteH > ScreenH) PercentH = (ScreenH * 100) / SiteH ; PercentW = 100 ; if (SiteW > ScreenW) PercentW = (ScreenW * 100) / SiteW ; if (PercentW <= PercentH) Percent = PercentW ; else Percent = PercentH ; Scale = Percent / 100 ; FFrame = document.getElementById('FSite') ; FFrame.style['-webkit-transform'] = 'scale(' + Scale + ')'; FFrame.style['-moz-transform'] = 'scale(' + Scale + ')'; FFrame.style['-ms-transform'] = 'scale(' + Scale + ')' ; FFrame.style['transform'] = 'scale(' + Scale + ')'; } function getWindowHeight() { var windowHeight=0; if (typeof(window.innerHeight)=='number') { windowHeight=window.innerHeight; } else { if (document.documentElement&& document.documentElement.clientHeight) { windowHeight = document.documentElement.clientHeight; } else { if (document.body&&document.body.clientHeight) { windowHeight=document.body.clientHeight; } } } return windowHeight; } function getWindowWidth() { var windowWidth=0; if (typeof(window.innerWidth)=='number') { windowWidth=window.innerWidth; } else { if (document.documentElement&& document.documentElement.clientWidth) { windowWidth = document.documentElement.clientWidth; } else { if (document.body&&document.body.clientWidth) { windowWidth=document.body.clientWidth; } } } return windowWidth; } window.onload = function(){ XLViewport() ; }; window.onresize = function(){ XLViewport() ; }; </script> </head> <body> <div id="FSite"> CONTENU DU SITE </div> </body> </html>
  3. Salut ! perso je crois que tu confond webmaster et webdesigner ou développeur. Un webmaster est plutot la personne qui est chargé de gérer un site Internet, je pense que l'on peut même utiliser aujourd'hui le verbe 'webmasteriser' .. Les webdesigner et développeur eux sont en charge de la création d'un site Internet, d'un projet Web ... Le webmaster est donc la personne qui est en charge de promouvoir, gérer (animer) et optimiser un site. Comme par exemple trouver des partenaires, ajouter des produits sur une boutique en ligne, mettre de nouveaux visuels, s'occuper des soucis techniques, etc Alors biensur, normalement un bon webmaster est une personne à plusieur facettes. Il peut gérer des éléments de design ou de programmation mais ce n'est pas forcément le cas. Quant aux salaires je pense également qui tu t'es un peu enflamé Ou alors tu as pris des salaires en angleterre parce que c'est clair qu'en France tu peux faiclement les revoir à la baisse ! Voila, bon courage pour ta synthése, mais tu devrais trouver un max d'infos sur le net !! ++
  4. Bon je vais mettre les 2 comme ca je suis sur Merci les gars !
  5. yo ! je pense que c'est peut-être tout simplement car tu ne peux pas avoir 2 appel avec window.onload dans une même fenêtre. Pour faire essayede faire un détour par une fonction comme ceci : window.onload = function() { montre(); fillup(); // toutes les actions onload ... } Ca marche ?
  6. Carrement cool ! Merci Dan ! Et juste une autre petite question, à votre avis quelle taille max je peux avoir pour mon fichier robots.txt. Car sinon je viens de tester en faisant une boucle sur les 40000 noms de page et ca me ferait un robots.txt d'environ 1,5Mo ! Ca pourrait passer pour les moteurs ou il n'arriveront pas à tout lire selon vous ?
  7. Salut à tous ! est-ce que quelqu'un serait comment exclure grace à un fichier robots.txt toute une série de pages ayant la même structure de nom. Je m'explique : j'ai quelques dizaines de milliers de pages qui sont nommées ainsi : "mapage-ID_DE_MA_PAGE.html". Elles vont de mapage-1.html à mapage-40000.html et je voudrais toutes les supprimer des index des moteurs de recherche. Mais je me vois mal mettre dans mon robots.txt 40000 lignes d'exclusion :/ Il doit bien y avoir une astuce ? Ensuite, je possède également des pages avec un nom du type : mapage-ID_DE_MA_PAGE-A.html, mapage-ID_DE_MA_PAGE-B.html, mapage-ID_DE_MA_PAGE-C.html, ... et j'aimerais aussi les exclure de la même facon. Y a t'il la possibilité de dire dans le robots.txt : exclut toutes les pages dont le nom commence par "mapage-" par exemple ? Ce la me permettrait de toutes les exclure rapidement ! Merci pour votre aide !
  8. Dans ce cas la seule solution est d'uiliser des feuilles de styles comme le recommande le W3C. Tu te crée un fichier CSS dans lequel tu mets par exemple : table { border : 2px solid #FFCC00; } le mieux est biensur d'identifier le tabelau avec un id ou avec une class si besoin ! Voila bon courage !
  9. OK je comprend mieux pourquoi tu utilises une iframe ! Pour ton site éclaté sous IE, dans ton code HTML cherche cette phrase "MARGIN-LEFT: 645px;" et supprime la pour voir si ca résoud pas ton pb. Autre chose, j'ai regardé ton code et c'est pas joli, joli Tu devrais mettre tes styles dans ta feuille de style plutot que directement dans le code. Ca te simplifera la maintenance de ton site, tes pages HTML peseront moins lourd et chargerons plus vite. On sort du sujet initial mais c'est important ! Parenthese fermée ! Ensuite pour ton pb de resize de iframe, le mieux est peut être de remonter peu à peu ta page. Tu crée une page vide et tu mets juste dedans ta iframe et la code javascript pour la redim. Tu la travail jusque ca marche en testant sous un max de navigateur pour être sur du résultat et tu verra tu y verra plus clair !
  10. Yo ! est-ce que par hasard les pages sur lesquelles le changement de styles ne se fait pas sont des pages qui ne sont pas hébergés sur ton site ? Car si c'est la cas, tu ne pourras pas changer les styles : erf je me cites : Si ce n'est pas ca, essaye de matter dans la console javascript de Firefox l'erreur qui t'es retouné pour au mois, te et nous mettre sur la voie et tiens nous au courant ! ++
  11. Yo ! tu peux essayer en mettant un onload sur la iframe. Donc en gros ca donnerait un truc du style : <iframe onload="LeNomDeTaFonction();" src="forum/index.php" id="laframe" style="border:0px;" width="100%" ></iframe> et dans la fonction javascript : <script> function LeNomDeTaFonction() { 'Tu récupère la hauteur de la page contenu dans la iframe 'Tu passe cette hauteur à la iframe } </script> Et le tour sera joué. Par contre un truc que je comprend pas : pourquoi tu veux utiliser un iframe alors que tu pourrais surement tout mettre directement dans le body ? Parce qu'avec une iframe tu vas pénaliser ton référencement et l'accessibilité à ton site. Et en parlant d'accésibilité, ton site est completement éclaté sous Internet Explorer ! Bon courage !
  12. Tu peux également aller voir les conseils de Google pour positionner ses annonces dans une page ! A mon avis il te donnent de bonnes infos car ils sont pas fous il veulent gagner un max avec adsens. Mais bon à priori tu as déjà tes annonces à l'endroit recommandé en premier par GG.
  13. Yo ! la réponse est simple et claire : NON En javascript, tu ne pourra pas accéder aux objets, méthodes, propriétés HTML d'une page qui se trouve sur un autre domaine que ton javascript. Quand tu essaye de faire cela tu auras en retour un erreur te disant un truc du style : "Access denied". C'est une mesure de sécurité basique intégrée dans les navigateurs depuis un moment maintenant (IE j'en suis en fait j'ai jamais fais attention sous Firefox). Perso je n'ai jamais de trouvé de solution pour contourner cette protection ... ++
  14. Re ! alors je pense que tu es parti dans l'idée de monter ton site avec des tableaux et ce n'est pas une bonne idée. La nouvelle norme telle que définie par le W3C veut que les sites soient codés avec des balises simple en XHTML (div, p, ul, li ...) et que l'apparence de ces éléments soient géré via une feuille de styles en CSS. Je te conseil vraiment d'aller voir du coté des tutoriaux de alsacreations qui sont parfait pour débuter dans cet exercice. Car si tu commences à monter ton site avec des tableaux ton site plus lourd à entrenir, gérer, modifier ... Une autre chose, quand tu donne des problème comme celui des borders, oubli pas de mettre le code qui t'as servi car sinon c'est plus dur de t'aider. La pour ton pb c'est pas trop dur : tu dois avoir oublié le # devant le code hexa de la couleur, un peu comme comme : bordercolor="FFFF00", il faut que tu mettes bordercolor="#FFFF00". Mais encore un fois normalement tu devrais te servir de tableaux uniquement pour tes données tabulaires et pas pour ta mise en page ! ++
  15. C'est quoi l'adresse du site pour lequel tu veux faire ton fil ? Qu'on puisse jetter un coup d'oeil deja !
  16. Salut Titbsketeur, si tu parle de l'optimisation du code XHTML + CSS pour monter un site crossbrowsers tu peux déjà aller voir du coté du forum alsacreation qui est spécialisé dans cette problématique. Mais tu trouveras des réponses également ici si tu as une question précise sur un probleme, ton code, etc ... D'une manière générale c'est tout de même assez simple. Il suffit de bien coder son site et surtout de checker très régulièrement, à chaque étape de l'intégration, ton site sous différents navigateurs : ie, firefox, opera même safari si tu as un mac à dispo ! En faisant cela, tu évitera de te rendre compte une fois ton site monté qu'il est complétement pété sous FF, ou IE Après une bonne astuce est de correctement déclarer son doctype. Perso j'utilise le code ci-dessous qui fait que IE se comporte comme FF dans le calcul des tailles de boites (DIV, UL, LI, P, ...) et ajoute la taille des padding à la taille d'une boite : <!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> ... le reste de la page Cela simplifit beaucoup le travail pour avoir ton site crossbrowser Voila j'espère t'avoir mi sur la piste ! ++
  17. Salut ! tu risques d'avoir du mal à faire ton fil sans language de programmation ni BDD. Normalement pour t'expliquer vite fait le principe tu crée un petit script (en PHP, ASP, .. ton language favori) qui récupére la page en cours, puis qui cherche dans la base de donnée son parent, qui cherche à nouveau le parent et ainsi de suite jusqu'à arriver à la racine du site, ou la page d'accueil. Mais si tu es en statique tu devras effectivement faire le travail à la mano sur chacune de tes pages. Et cela peut être très fastidieux si tu en as beaucoup ...
  18. Biliejoe, ta question est incompréhesible, on ne sais pas au final ce que tu veux faire avec tes "soit", "soit", "soit" ... Après fait attention a tes balises elles sont fermées n'importe comment, par exemple : <p><span class="titre2">CONCEPTION ET REALISATION</p> <p>MAITRISE D'UVRE ou CLES EN MAINS</p> <p>PROMOTION </span></p> Tu me peux pas ouvrir un span dans une balise <p> pour le fermer dans une autre ! Peut-etre qu'une partie de ton problème vient de la. Est-ce que tu as un exemple ou lien pour voir ce que tu veux faire ? Ce serait sans doute plus facile de t'aider. A +
  19. Effectivement j'oublié de préciser que ma cible est toujours grand public !
  20. Salut, c'est peut-être parce que tu as oublié les "px" : *{ padding:0px; margin:0px; border:0px; } non ?
  21. Salut adn, personnellement sur les sites sur lesquels je bosse la part des 800x600 est encore de 15% à 20%. Donc pour moi c'est amplement suffisant pour justifer d'encore optimiser mes sites pour cette résolution. Car c'est suffisament difficile de créer du trafic comme ca pour potentiellement perdre 20% de son CA ... Alors pour le moment je conseil toujours de faire son site en 760px de large pour etre corretement compatible 800
  22. Mon hébergeur c'est IKOULA et il ont des stats en 'logs analyser' qui ne sont pas top top. Je prefere me fier à des stats de marqueurs, qui en plus sont en temps réel ! Ca va Direct Stats ca marche plutot bien la sauf quelques plantages de quelques minutes;mais bon c tout gratos, sans le marqueur visible donc c plutot honnete au final
  23. Yes nikel la fonction eval fonctionne à merveille ! Merci TheRec T'en fait pas je ne stocke pas des variable importante, c'est juste pour pouvoir simplifer la gestion de mes pages qui sont toute sur la meme structure et dont simplement quelques parametres de requetes SQL changent de tps en tps. Pour ta question xpatval, je ne stocke en fait que des morceaux de requetes et il faut impérativement que cela soit dans la base et pas dans une class car le tout est gérer par CMS de ma création, donc pasmoyen d'utiliser de class de serait trop lourd à gérer je pense ... Merci pour votre aide !!
  24. Salut à tous, je suis confronté à un probleme pour lequel quelqu'un aurait je l'espère une solution : je souhaite stocker dans ma base donnée MySQL des variables PHP du type $nom_de_la_variable ! Le but est de pouvoir sortir des requetes SQL à la volée pour ne pas avoir a les coder dans les pages PHP mais pour qu'elles sortent directement de la base, que je renseigne via mon backoffice. Par exemple j'ai un champs "request" dans le quel je voudrais mettre un bout de requete du style : SELECT * FROM table WHERE nom_prod = $recherche Le probleme est que forcement, lorsque je recupère cette requete pour l'executer dans une page PHP, la requete est considéré comme une string et du coup le $recherche n'est pas une variable mais un simple texte ! Quelqu'un aurait-il donc une idée pour pouvoir faire ceci ? Merci pour votre aide !
×
×
  • Create New...