Image format jpg adaptée au navigateur et à l
Résolu/Fermé
christapor
-
29 oct. 2007 à 17:35
christapor Messages postés 35 Date d'inscription lundi 2 octobre 2006 Statut Membre Dernière intervention 23 janvier 2012 - 31 oct. 2007 à 14:38
christapor Messages postés 35 Date d'inscription lundi 2 octobre 2006 Statut Membre Dernière intervention 23 janvier 2012 - 31 oct. 2007 à 14:38
A voir également:
- Image format jpg adaptée au navigateur et à l
- Telecharger format factory - Télécharger - Conversion & Codecs
- Format epub - Guide
- Image iso - Guide
- Format apfs - Guide
- Navigateur privé - Guide
9 réponses
sebsauvage
Messages postés
32893
Date d'inscription
mercredi 29 août 2001
Statut
Modérateur
Dernière intervention
21 octobre 2019
15 655
29 oct. 2007 à 17:39
29 oct. 2007 à 17:39
l'image en JPG occupe TOUTE la fenêtre du navigateur.
Bienvenue sur le web, où aucun webmaster ne peut contrôller la manière dont les pages vont être affichées.
Tu ne sais jamais à l'avance quel navigateur sera utilisé, ni quelle sera la résolution graphique de l'internaute, ni si sont navigateur a une fenêtre réduite ou maximisée, ni s'il sait afficher 256 ou 16 millions de couleur, ni s'il possède la police de caractères que tu as utilisé sur ta page.
Il y a 2 méthodes batarde pour afficher une image "plein écran":
- une table avec 100% de largeur et 95% de hauteur (mais l'image sera déformée)
- du Flash, mais là il faut créer des fichiers .SWF (Macromedia Flash).
Bienvenue sur le web, où aucun webmaster ne peut contrôller la manière dont les pages vont être affichées.
Tu ne sais jamais à l'avance quel navigateur sera utilisé, ni quelle sera la résolution graphique de l'internaute, ni si sont navigateur a une fenêtre réduite ou maximisée, ni s'il sait afficher 256 ou 16 millions de couleur, ni s'il possède la police de caractères que tu as utilisé sur ta page.
Il y a 2 méthodes batarde pour afficher une image "plein écran":
- une table avec 100% de largeur et 95% de hauteur (mais l'image sera déformée)
- du Flash, mais là il faut créer des fichiers .SWF (Macromedia Flash).
Christounet
Messages postés
1264
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 383
29 oct. 2007 à 17:42
29 oct. 2007 à 17:42
Bonjour,
J'ai trouvé sur Internet un article qui explique une solution à ta question sur le lien suivant:
https://michelf.ca/blogue/2005/image-liquide/
J'espère que celà pourra t'aider
Salut
J'ai trouvé sur Internet un article qui explique une solution à ta question sur le lien suivant:
https://michelf.ca/blogue/2005/image-liquide/
J'espère que celà pourra t'aider
Salut
simgob
Messages postés
584
Date d'inscription
mardi 10 janvier 2006
Statut
Membre
Dernière intervention
25 septembre 2013
47
29 oct. 2007 à 17:49
29 oct. 2007 à 17:49
bonjour, sympa cette solution !! merci
guy
guy
christapor
Messages postés
35
Date d'inscription
lundi 2 octobre 2006
Statut
Membre
Dernière intervention
23 janvier 2012
2
29 oct. 2007 à 17:43
29 oct. 2007 à 17:43
Merci pour ta réponse si rapide.
C'est bien ce que je pensais.
Créer une table, je ne sais pas faire (si l'image est "un peu" déformée, ce n'est pas très grave).
Pour le flash, je n'y connais rien. C'est rapide à apprendre, ou alors existent-ils des logiciels genre "WYSYWYG" pour le flash ?
Chris
C'est bien ce que je pensais.
Créer une table, je ne sais pas faire (si l'image est "un peu" déformée, ce n'est pas très grave).
Pour le flash, je n'y connais rien. C'est rapide à apprendre, ou alors existent-ils des logiciels genre "WYSYWYG" pour le flash ?
Chris
christapor
Messages postés
35
Date d'inscription
lundi 2 octobre 2006
Statut
Membre
Dernière intervention
23 janvier 2012
2
29 oct. 2007 à 18:02
29 oct. 2007 à 18:02
Sympa la solution de l'image liquide, mais je n'arrive pas à intégrer
#photo {
width: 100%;
height: auto;
}
dans la feuille de style (je ne sais pas le faire ! Je suis musicien, chanteur, pas webmaster, même si j'essaie !).
Par curiosité, si vous voulez aller voir le site, c'est ça. Mais inutile de laisser un message dans la partie "CONTACT", ce n'est pas moi qui les reçois et celui qui les reçoit ne sera pas content s'il l'apprend ! Merci les gars !
www.relaisdelahuchette.com
Cordialement,
Chris
#photo {
width: 100%;
height: auto;
}
dans la feuille de style (je ne sais pas le faire ! Je suis musicien, chanteur, pas webmaster, même si j'essaie !).
Par curiosité, si vous voulez aller voir le site, c'est ça. Mais inutile de laisser un message dans la partie "CONTACT", ce n'est pas moi qui les reçois et celui qui les reçoit ne sera pas content s'il l'apprend ! Merci les gars !
www.relaisdelahuchette.com
Cordialement,
Chris
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
christapor
Messages postés
35
Date d'inscription
lundi 2 octobre 2006
Statut
Membre
Dernière intervention
23 janvier 2012
2
29 oct. 2007 à 18:50
29 oct. 2007 à 18:50
J'ai essayé avec un tableau mais il y a toujours un ascenceur quelque part.
Je craque.
Mais merci pour toutes vos réponses, je continue à chercher, et si je trouve, je poste le code source de la page, ça pourra servir.
Chris
Je craque.
Mais merci pour toutes vos réponses, je continue à chercher, et si je trouve, je poste le code source de la page, ça pourra servir.
Chris
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
29 oct. 2007 à 18:55
29 oct. 2007 à 18:55
Bonjour,
Si j'ai bien compris, même si je ne comprends pas pourquoi, l'image bicolore doit occuper entièrement l'arrière-plan.
On trouve une solution qui, de toute façon ne fonctionnera pas partout (voir sebsauvage), chez Alsacreations.
Ce qui pourrait donner :
Je me permets ces quelques précisions.
Chez moi, Safari accepte d'adapter l'image. Firefox ne le fait que dans certaines situations. Mais, bonjour les déformations.
Si tu t'y prends comme ça, quid de ta map ? Où est-ce qu'on clique ?
Un site entièrement en images est long à charger. On ne ne peut même pas y récupérer les infos qu'on voudrait garder (informations).
--
Si j'ai bien compris, même si je ne comprends pas pourquoi, l'image bicolore doit occuper entièrement l'arrière-plan.
On trouve une solution qui, de toute façon ne fonctionnera pas partout (voir sebsauvage), chez Alsacreations.
Ce qui pourrait donner :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Proposition pour RH</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
width:100%;
height:100%;
background-color : #fff;
}
#Layer1 {
}
#Layer1 img {
width:100%;
height:100%;
}
-->
</style>
</head>
<body>
<!-- <body onLoad="Javascript: self.resizeTo(840,750);"> -->
<div id="Layer1">
<img src="http://www.relaisdelahuchette.com/accueil.jpg" alt="acceuil" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="139,249,182,264" href="carte.html" />
<area shape="rect" coords="85,203,186,221" href="presentation.html" />
<area shape="rect" coords="121,374,180,389" href="contact.htm" />
<area shape="rect" coords="15,333,183,350" href="/informations.html" />
<area shape="rect" coords="129,289,184,306" href="http://relaisdelahuchette.com/galeriehuchette/demo-huchette.html" target="_blank" />
</map>
</div>
</body>
</html>qu'on peut voir pendant quelques jours ici.
Je me permets ces quelques précisions.
Chez moi, Safari accepte d'adapter l'image. Firefox ne le fait que dans certaines situations. Mais, bonjour les déformations.
Si tu t'y prends comme ça, quid de ta map ? Où est-ce qu'on clique ?
Un site entièrement en images est long à charger. On ne ne peut même pas y récupérer les infos qu'on voudrait garder (informations).
--
Christounet
Messages postés
1264
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 383
30 oct. 2007 à 10:44
30 oct. 2007 à 10:44
Bonjour,
Pour ajouter une feuille de style dans ta page, il existe plusieurs façons de faire, l'un est d'inclure ta feuille de style dans chaque page, l'autre étant de réferencer ta feuille de style
Example feuille de style dans la page (entre <head> et </head>)
<style type="text/css">
#photo {
width: 100%;
height: auto;
}
</style>
Example réference feuille de style dans la page (entre <head> et </head>)
<LINK href="../MonStyle.css" type="text/css" rel="stylesheet">
Salut
Pour ajouter une feuille de style dans ta page, il existe plusieurs façons de faire, l'un est d'inclure ta feuille de style dans chaque page, l'autre étant de réferencer ta feuille de style
Example feuille de style dans la page (entre <head> et </head>)
<style type="text/css">
#photo {
width: 100%;
height: auto;
}
</style>
Example réference feuille de style dans la page (entre <head> et </head>)
<LINK href="../MonStyle.css" type="text/css" rel="stylesheet">
Salut
christapor
Messages postés
35
Date d'inscription
lundi 2 octobre 2006
Statut
Membre
Dernière intervention
23 janvier 2012
2
30 oct. 2007 à 16:39
30 oct. 2007 à 16:39
Bonjour,
et merci à tous pour vos précisions et informations.
Gihef--> je suis allé voir sur ton exemple, j'ai toujours un ascenceur mais l'idée me parait excellente. Je vais essayer dans cette direction dès que j'ai le temps, en espérant faire disparaitre l'ascenceur. Merci. Et merci aussi pour ta remarque très pertinente sur le fait qu'on ne peut pas faire de "copier/coller" sur la page d'infos, je n'y avait pas pensé... ;-)
Christounet--> je n'ai pas encore eu le temps d'essayer, mais je m'y mets le plus vite possible, j'ai des millions de choses à faire.
Encore une fois, un grand MERCI à tous ceux qui ont pris le temps de me répondre.
A très vite, je vous tiens au courant.
Chris
et merci à tous pour vos précisions et informations.
Gihef--> je suis allé voir sur ton exemple, j'ai toujours un ascenceur mais l'idée me parait excellente. Je vais essayer dans cette direction dès que j'ai le temps, en espérant faire disparaitre l'ascenceur. Merci. Et merci aussi pour ta remarque très pertinente sur le fait qu'on ne peut pas faire de "copier/coller" sur la page d'infos, je n'y avait pas pensé... ;-)
Christounet--> je n'ai pas encore eu le temps d'essayer, mais je m'y mets le plus vite possible, j'ai des millions de choses à faire.
Encore une fois, un grand MERCI à tous ceux qui ont pris le temps de me répondre.
A très vite, je vous tiens au courant.
Chris
christapor
Messages postés
35
Date d'inscription
lundi 2 octobre 2006
Statut
Membre
Dernière intervention
23 janvier 2012
2
31 oct. 2007 à 14:38
31 oct. 2007 à 14:38
Merci encore à tous ceux qui m'ont éclairé.
J'ai finalement réussi en adoptant une attitude différente, et chacun a participé à cette réussite, en me donnant quelques idées.
Mes connaissances ont également fait un bond en avant, et je vous remercie encore une fois pour cela.
C'était pour moi un challenge.
En fait, j'ai centré l'image au milieu de l'écran et j'ai défini une couleur de fond identique à la couleur de fond (du mieux possible) de l'image.
Pour ceux qui sont intéressés par le résultat final, voilà une url ou j'ai mis un exemplaire du site en attendant l'aval des "décideurs"..!
http://christapor.free.fr/relais/index.html
Je considère donc le problème comme résolu.
Bien cordialement,
Chris TAPOR
PS: si vous avez un problème d'informatique musicale, c'est déjà bien plus mon domaine, n'hésitez pas !
J'ai finalement réussi en adoptant une attitude différente, et chacun a participé à cette réussite, en me donnant quelques idées.
Mes connaissances ont également fait un bond en avant, et je vous remercie encore une fois pour cela.
C'était pour moi un challenge.
En fait, j'ai centré l'image au milieu de l'écran et j'ai défini une couleur de fond identique à la couleur de fond (du mieux possible) de l'image.
Pour ceux qui sont intéressés par le résultat final, voilà une url ou j'ai mis un exemplaire du site en attendant l'aval des "décideurs"..!
http://christapor.free.fr/relais/index.html
Je considère donc le problème comme résolu.
Bien cordialement,
Chris TAPOR
PS: si vous avez un problème d'informatique musicale, c'est déjà bien plus mon domaine, n'hésitez pas !
