Mise en en page et transparence des PNG.

Bonsoir,

je me trouve devant un problème concernant la mise en page d'un site web en projet. J'ai cherché une réponse mais je ne l'ai trouvée jusque là nulle part donc je m'adresse à vous!

- J'ai un site avec un design centré quel que soit la résolution utilisateur.
- J'ai des "boutons cliquables" au format PNG et qui sont utilisé avec la propriété de transparence.

=> Mon problème vient du fait que je ne sais pas comment placer mon bouton pour qu'il soit lui aussi adapté à n'importe quelle résolution.

Je voulais utiliser le pourcentage comme unité. Cependant la transparence m'oblige a utiliser la position absolue.
Ainsi lors d'un changement de résolution, le bouton reste fixé à mon pourcentage tandis que le reste s'adapte...


En espérant avoir été clair!

Merci d'avance!

Bonsoir,

Un petit lien pour que ce soit un petit peu plus clair ?

http://hacathle.fr/persoNiko/accueil.htm

C'est du rapidement mis en ligne j'étais en local mais le principe est là!
C'est l'élément "Clique" qui est transparent et qui pose problème

Bonsoir,

essaye peut etre de passer pas une class CSS :

.texteAccueil img
{
margin-left : X px;

}

J'ai déjà essayer les classes mais rien de concluant, c'est la propriété absolue qui me gène...

.texteAccueil {
	position: absolute;
	top: 430px;
	left:60%;
}

Voila ce que ça donne pour le moment, et mon texte est toujours à 60% de la largeur de l'écran. seulement quand j'abaisse la résolution, l'image de fond occupe plus de place sur l'écran et mon texte est décallé vu qu'il est lui toujours a 60%...

Niko76 a écrit :
Cependant la transparence m'oblige a utiliser la position absolue.

Pas le moins du monde.

Cependant, le positionnement absolu me semble indiqué ici. Il s'agirait juste d'avoir un code HTML un peu plus cohérent, de passer la mise en forme en CSS et pas par une image sans texte alternatif dans le code HTML, etc. Ensuite, faire un bloc conteneur positionné en relatif (sans décalage particulier) et centré horizontalement, et placer le bouton à l'intérieur de ce bloc, positionné en absolu par rapport aux limites de ce bloc.

Rapidement:
- le texte «Porte Foliiiiz bla bla» devrait apparaitre dans le code HTML, à priori comme un titre H1;
- le texte «Clique» devrait également apparaitre dans le code HTML;
- en même temps, un bouton qui dit «Clique», c'est pas indispensable...;
- de même que les pages d'accueil sans contenus autre que «vous êtes ici, cliquez pour continuer», franchement pas indispensables!

Les deux derniers - j'en suis conscient Florent!
Seulement ce n'est pas pour moi mais pour un pote graphiste qui voulait utiliser cette police ne particulier, comme elle est spéciale... je passe par image...