Image format jpg adaptée au navigateur et à l
Résolu
christapor
-
christapor Messages postés 35 Date d'inscription Statut Membre Dernière intervention -
christapor Messages postés 35 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous..
Un petit problème se pose à moi. j'ai fini mon site, et sur presque chaque page, il y a une image au format JPG (tout a été fait dans Illustrator et sauvegardé en JPG).
Je voudrais que sur chaque page, quel que soit l'OS et le navigateur et la résolution de l'écran de chaque personne qui visite mon site, l'image en JPG occupe TOUTE la fenêtre du navigateur.
J'ai beau chercher partout et essayer plein de trucs, je n'y arrive pas. Je ne maitrise ni le html, ni le css... Je comprends à peu près mais je ne suis pas expert, ce n'est pas mon métier.
Si quelqu'un avait une solution simple "clé en main", ça serait génial.
J'utilise Dreamweaver et Frontpage s'il le faut.
Merci à tous ceux qui feront avancer la chose.
Je n'ai pas les moyens de payer un webmaster et de plus je suis dans l'urgence.
Merci encore à tous.
Chris
Un petit problème se pose à moi. j'ai fini mon site, et sur presque chaque page, il y a une image au format JPG (tout a été fait dans Illustrator et sauvegardé en JPG).
Je voudrais que sur chaque page, quel que soit l'OS et le navigateur et la résolution de l'écran de chaque personne qui visite mon site, l'image en JPG occupe TOUTE la fenêtre du navigateur.
J'ai beau chercher partout et essayer plein de trucs, je n'y arrive pas. Je ne maitrise ni le html, ni le css... Je comprends à peu près mais je ne suis pas expert, ce n'est pas mon métier.
Si quelqu'un avait une solution simple "clé en main", ça serait génial.
J'utilise Dreamweaver et Frontpage s'il le faut.
Merci à tous ceux qui feront avancer la chose.
Je n'ai pas les moyens de payer un webmaster et de plus je suis dans l'urgence.
Merci encore à tous.
Chris
A voir également:
- Image format jpg adaptée au navigateur et à l
- Format epub - Guide
- Format factory - Télécharger - Conversion & Codecs
- Navigateur web - Guide
- Hp usb disk storage format tool - Télécharger - Stockage
- Format apfs - Guide
9 réponses
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).
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
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
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
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
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).
--
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
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
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 !