Discussion :

[etnoig]

Bonjour,
alors voila mon probleme aujourd'hui

j'ai ma page php qui est liée a mon CSS et les dimensions du css sont en %

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#global
{
position:absolute;
left:auto;
right:auto;
width: 96%;
height:96%;
border: 1px solid black;
background-color:#FFFFFF;
}
#top
{
top:2%;
width:98%;
height:20%;
position:absolute;
left:1%;
right:1%;
border: 1px solid black;
}

et dans mon code php :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div id="global">
<div id="top"><img src="banniere.png" width="980" height="120" border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="20,46,192,105" href="public/index.php">
    <area shape="rect" coords="215,48,384,115" href="public/dessins.php">
    <area shape="rect" coords="398,59,515,110" href="public/wow.php">
    <area shape="rect" coords="525,50,676,112" href="public/drole.php">
  </map>
  </map>
</div>

Pour une resolution en 1024 tout va bien.
la banniere a été créée pour cette resolution le site s'affiche correctement
(encore que...)
Mais, Des que je passe en 800 ou 1280 pr les test la c'est le drame.
mon image devient bcp trop grande ou trop petite.

ma question est donc la suivante : Comment puis-je redimensionner mon image en pourcentage... ou en fonction de al resolution de l'ecran ??!

a oui et aussi comment replacer les map en fonction de la nouvelle taille de l'image (je sait je suis chiant )

si quelqun a une solution je suis prenneur.

merci a vous

[Space Cowboy]

Tu peut me monter la bannière et le site en question ?

[parksto]

je sais que me remarque n'est pas très constructive, mais tu t'es trompé de rubrique du forum...

tu devrais poster ça dans "HTML / DHTML / XHTML" ou dans "CSS".
ta question n'a rien a voir avec php

j'espère malgrès tout que tu va trouver la réponse à ton problème.

[Space Cowboy]

L'image est peut être généré en php, si c'est le cas il faut oublier le redimensionnement temps réel.

Ce que généralement tout le monde fait, c'est de faire une bannière avec un dégradé vers une couleur, et mettre le background du div qui contient la bannière identique à la couleur de fond de l'image.

[FraK]

mmmmmmmmmhhhh
étant graphiste
je pense pas que tu puisses redimensionner a volonté comme tu le sens ton design
celui ci a été optimisé pour 1 résolution
si tu passes sur une autre, forcément, toutes les images, pas seulement la banniere, vont se décaler
Mais il est possible de travailler uniquement sur une partie mouvante de ton design.
Je m 'explique
on va dire le site se découpe en 4 frames
header
menu
corps
pied

le menu oublie, tu pourra jamais le redimensionner
par contre, pour le reste, tu peux travailler dans un tableau, en passant tes images en bg (c'est a dire tu pourra ecrire par dessus avec ton éditeur de texte)
et la, effectivement, tes images prendront automatiquement la dimension de ta cellule ( mais bon, des fois c'est super moche, avec du bon pixel digne de pong)
en esperant t avoir un peu aidé

[etnoig]

@spacecowboy

le site

http://kanakiller.free.fr/

la banniere est celle en haut de la div top

@parksto

dsl de m'etre trompé je pensai que je devait le mettre ici
car mon image est inserée ds le code php.

en plus j'aurai ptet plus de reponse ds la rubrique que tu a citée

@Frak

je vais voir si y a pas une autre méthode car le coup de la cellule avec l'image en bg comme tu dit en fonction des résolution ca va pixelisé et surtout deformer mes dessins.

@space cowboy

le dégradé ca peu etre pas mal si j'inverse la banniere pour la longueur ca ira mais pr la largeur la il faudrai un double dégradé

[Space Cowboy]

Tu peut faire un dégradé avec le blanc à gauche ...

Ce qui ce fait le plus c'est une taille minimum (généralement 1024), de plus en plus fixe. Moi je préfére les fixes centrées ...
Le coup du menu principal dans l'image n'est pas une bonne idée, ca peut être joli, mais pas visible et pour le référencement c'est 0.

Au mieux il doit être possible de faire passer la bannière sous le design, ce qui sera assez moche ...

Le forum CSS t'aidera pour le design.

[etnoig]

Bon je vais faire à la manière de frak je vais mettre ma banniere en width="100%" et height="100%" même si ca pourra être tres moche en fonction des résolutions (nottament sur pocket et portable) et je metterai une indication comme quoi ce site a été designé pour une résolution de 1024*768 ou proportionel.

merci a vous quand même je passe en [résolu]

[FraK]

voila
le pire que ca puisse donner
c'est des pixels dignes de pong
pour parer à ca
travail sur un gros format de design (x2 ca devrait le faire), comme ca, rien pourra s'agrandir, mais pour se mettre à la résolution écran, ca diminuera la résolution du design, et donc qualité ok