Adapter un objet a la résolution en html
NlC0
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
Guillaume -
Guillaume -
Bonjour,
mon problème à déjà dût être posé des milliers de fois sur ce forum , mais je n'ai pas trouvé mon bonheur dans les anciens posts.
Mon problème est assez simple à comprendre :
J'ai fait un site ( en construction encore ), je souhaiterais maintenant faire en sorte qu'il s'adapte en fonction de la résolution du client.
Je sais gère les espaces avec les %, néanmoins j'ai quelques problèmes en ce qui concerne les images et les objets ( flash (swf) , vidéos )
J'ai vu qu'un objet ne peut être modifier directement grâce aux % car la balise <object.....> ne suporte que les pixels dans Width et Height ( en effet lorsque j'ai testé , mon objet disparait). Quand aux images, meme en utilisant les % elles restent à leur place.
Je souhaiterais si possible ne pas utiliser de javascript (que je ne connais pas, et j'aime comprendre ce que je fais ^^), uniquement du HTML/CSS voir PHP.
Merci à la communauté de me repondre le plus clairement possible. ( je suis un noob de la programmation )
mon problème à déjà dût être posé des milliers de fois sur ce forum , mais je n'ai pas trouvé mon bonheur dans les anciens posts.
Mon problème est assez simple à comprendre :
J'ai fait un site ( en construction encore ), je souhaiterais maintenant faire en sorte qu'il s'adapte en fonction de la résolution du client.
Je sais gère les espaces avec les %, néanmoins j'ai quelques problèmes en ce qui concerne les images et les objets ( flash (swf) , vidéos )
J'ai vu qu'un objet ne peut être modifier directement grâce aux % car la balise <object.....> ne suporte que les pixels dans Width et Height ( en effet lorsque j'ai testé , mon objet disparait). Quand aux images, meme en utilisant les % elles restent à leur place.
Je souhaiterais si possible ne pas utiliser de javascript (que je ne connais pas, et j'aime comprendre ce que je fais ^^), uniquement du HTML/CSS voir PHP.
Merci à la communauté de me repondre le plus clairement possible. ( je suis un noob de la programmation )
A voir également:
- Adapter un objet a la résolution en html
- Editeur html - Télécharger - HTML
- Vente objet occasion entre particulier - Guide
- Identifier un objet à partir d'une photo - Guide
- Objet interdit en cabine ryanair - Guide
- Résolution native ✓ - Forum TV & Vidéo
6 réponses
salut,
pour le placement des objects, intègres-les dans une balise div qui, elle, supportera toutes les options css.
pour les images, peut-être qu'un % sur les margin fonctionnera. Je n'ai pas essayé.
Mais en ce qui me concerne, et l'intégration dynamique multi-navigateur est une de mes préoccupations principales, j'ai pas trouvé mieux que le javascript. si tu ne veux pas te lancer dedans, quelqu'un peut le faire pour toi. Je peux te donner un coup de main pour ton site si tu veux. (T'inquiètes, je suis bénévole ;-)
pour le placement des objects, intègres-les dans une balise div qui, elle, supportera toutes les options css.
pour les images, peut-être qu'un % sur les margin fonctionnera. Je n'ai pas essayé.
Mais en ce qui me concerne, et l'intégration dynamique multi-navigateur est une de mes préoccupations principales, j'ai pas trouvé mieux que le javascript. si tu ne veux pas te lancer dedans, quelqu'un peut le faire pour toi. Je peux te donner un coup de main pour ton site si tu veux. (T'inquiètes, je suis bénévole ;-)
Ton aide sera la bienvenue, si tu à messenger ou un autre moyen de communiqué plus pratique que le forum, fais le moi savoir en m'envoyant un mail avec ton addresse. J'ai pas trop envie de poster la mienne ici ^^.
Salut !
Je serais intéressé aussi par la réponse a cette question !!
Je gère un petit site de club sportif (http://waterpololouviers.free.fr), et j'ai un petit souci : les photos ne s'adaptent pas a la résolution du visiteur, donc il faut utiliser une scrollbar latérale, ce qui est un peu relou parfois !!
Si quelqu'un pouvait m'aider, ce serait cool !
D'ailleurs je voudrais moderniser un petit peu le site, mais je ne sais pas trop comment m'y prendre, si quelqu'un a des idées...
Merci d'avance à tous !!
Réponse à guillaumect@yahoo.fr
Je serais intéressé aussi par la réponse a cette question !!
Je gère un petit site de club sportif (http://waterpololouviers.free.fr), et j'ai un petit souci : les photos ne s'adaptent pas a la résolution du visiteur, donc il faut utiliser une scrollbar latérale, ce qui est un peu relou parfois !!
Si quelqu'un pouvait m'aider, ce serait cool !
D'ailleurs je voudrais moderniser un petit peu le site, mais je ne sais pas trop comment m'y prendre, si quelqu'un a des idées...
Merci d'avance à tous !!
Réponse à guillaumect@yahoo.fr
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Alors en fait j'ai opté pour une autre solution, j'ai adapté la taille de mes éléments à la taille de la fenêtre du navigateur et non a la résolution du visiteur.
C'est assez simple.
exemple dans le code html : <img class="image_accueil" src="divers/image1.jpg" name="image"........>
dans le css :
.image_accueil
{
height:40%; // pour adapter en fonction de la hauteur du navigateur , j'ai pri ce choix car le client peut avoir
de nombreuses barres d'outils
}
A noter que vous pouvez le faire en fonction de la largeur "width" et aussi en fonction des deux a la fois.
.object
{
height:60%;
width:48%;
}
C'est assez simple.
exemple dans le code html : <img class="image_accueil" src="divers/image1.jpg" name="image"........>
dans le css :
.image_accueil
{
height:40%; // pour adapter en fonction de la hauteur du navigateur , j'ai pri ce choix car le client peut avoir
de nombreuses barres d'outils
}
A noter que vous pouvez le faire en fonction de la largeur "width" et aussi en fonction des deux a la fois.
.object
{
height:60%;
width:48%;
}
Ok merci de ta réponse aussi rapide !!
Sauf que moi j'utilise un kit graphique (Phortail), et les pages sont en php, et je ne trouve pas les feuilles de styles css...
Donc je ne peux pas adapter en l'occurence la taille de la photo, puisque je ne sais pas quel fichier modifier dans la base de données...
Si quelqu'un pouvais m'aider afin de modifier franchement le site et le mettre en html, ou je ne sais quoi, mais quelques choses qui soit un peu plus simple ou plus complet, je le vénèrerais a jamais lol !!!
En tout cas je ne sais pas trop comment adapter ta solution à ma situation...
Sauf que moi j'utilise un kit graphique (Phortail), et les pages sont en php, et je ne trouve pas les feuilles de styles css...
Donc je ne peux pas adapter en l'occurence la taille de la photo, puisque je ne sais pas quel fichier modifier dans la base de données...
Si quelqu'un pouvais m'aider afin de modifier franchement le site et le mettre en html, ou je ne sais quoi, mais quelques choses qui soit un peu plus simple ou plus complet, je le vénèrerais a jamais lol !!!
En tout cas je ne sais pas trop comment adapter ta solution à ma situation...
