Comment adapter ma page web a toutes les tailles d'ecran ????
Forum Programmation : Comment adapter ma page web a toutes les tailles d'ecran ????
Bonjour a tous,
Voila j'ai un problème et d'avance je suis debutant en programmation...
alors soyez indulgent avec moi... 
Voila...Je suis en train de creer mon site internet avec Photoshop et Image ready.... Jusqu'ici tout va bien
Mais au moment de creer mon fichier index.html la j'ai un problème.
Je creer mon fichier .pds (en 700px / 525px) puis je transforme en jpeg...
Et quand je l'envoi sur mon index et que je l'ouvre, pas de problème il apparait normalement sur mon ecran et prend toute la place sur mon ecran...
mais quand je vais ailleurs (famille ou amies) selon la taille de l'ecran il apparait plus petit en haut et ne prend pas tout l'ecran comme chez moi.
J'ai un peu chercher sur le net et j'ai trouver un code css qui devait le faire mais ca ne marche pas
peut etre que je m'y prends mal
voici mon code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Alternative média musicale "Toute l'actualité de toutes les musiques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style> body{width:100%;height:100%;margin:center;min-width:0px;max-width:2000px} </style>
</head>
<body>
<!-- ImageReady Slices (page de presentation disqover.psd) -->
<center><img src="images/premierepage.jpg"alt=""><center>
<!-- End ImageReady Slices -->
</body>
</html>
J'aimerai tout savoir pour que n'importe ou ailleurs que chez moi la page de mon site prenne tout l'ecran.
Sil vous plait aidez moi...je n'en peux plus
et essayer d'etre le plus clair possible car je suis graphiste et pas encore programmeur (enfin je debute)
Aidez moi sil vous plait
merci d'avance et bonne année a tous
SETH
Et bien ... pas très sympatique ce SETH92 
Bon pour résumé tout ce petit bordel :
Oui il est possible de faire des blocs de taille dynamique selon la taille d'un écran que ce soit avec ou sans css.
<div width="100%".... ou en css #divName { width:100%; }
Oui il est possible de redimensionner une image selon la taille de l'écran , mais le résultat sera dégueulasse ( image étirée ).
<img src="...." width="100%"/> ou en css #imgName { width:100%; }
Oui il est possible d'appliquer un background fixe à un bloc , le seul soucis ce qu'il n'est pas possible du coup d'étirer l'image sur l'ensemble du bloc mais de la répeté , résultat dégueulasse.
<div id ="divName"></div>
#divName{
width:100%;
background-image: url("" );
}
Donc comme l'a dit Allstar27, ce n'est pas possible de faire quelque chose de dynamique à partir d'un support fixe. ( quoiqu'en php ... il y a moyen de trifouiller l'image , en la redimenssionant tout en gardant un certain ratio et de centrer l'image dans un bloc, le résultat sera mitigé pour trop de chose à mettre en place pour rien )
La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.
Ici, nous avons réuni théorie et pratique : Rien ne fonctionne et personne ne sais pourquoi...
Répondre à RiiMii
