Se connecter avec
S'enregistrer | Connectez-vous

Problèmes de calques...

Dernière réponse : dans Programmation

Bonjour a tous, alors voila, je cree un site et j'aimerai k'il ai un peu d'esthetique en placant du texte sur une image a l'aide d'un calque, seulement je ne metrise pas fond les calques, j'aimerais savoir comment bien placer mon calque pour qu'il soit toujours a la meme place ds tout les navigateurs voire meme ds toutes les resolutions, est-ce qu'il faut ke je mette aussi mon image sur un calque ??

Autres pages sur : problemes calques

Lassé par la pub ? Créez un compte

Si tu fais un site xhtml, je vois deux solutions :

la propriété position qui prendra soit relative soit absolute (je te laisse chercher on the web).

Une autre solution consiste à utiliser le php et la librairie gd (le site du zero a un bon tut dessus).

Si tu fais du flash :

Je ne connais pas flash ni actionscript mais je ne doute pas une seule seconde que cela soit extrèmement simple à faire.

edit : j'oubliais de dire que seul javascript (de netscape) gère les calques, jscript (d'internet explorer) ne les gères pas et la norme ecmascript du w3c non plus donc ce n'est pas une solution viable.

bon, rectifions ...
- nul besoin de xhtml pour utiliser des calques
- on peut parfaitement utiliser des calques de façon statique en utilisant des styles.

Pour répondre à ta question il suffit de déclarer tes calques en position absolue, C.A.D en définissant leur position par rapport à l'angle supérieur gauche de l'écran. En procédant de la sorte le rendu sera le même sur tous les navigateurs. Tu n'es pas obligé de mettre ton image dans un calque, mais c'est quand même plus simple avec. Si tu utilises 2 calques tu dois définir leur ordres avec la propriété z-index.

ex:

<div style="position:absolute; top:50px; left: 50px; z-index:1"><img src="chemin"></div>
<div style="position:absolute; top:50px; left: 50px; z-index:2">ton texte</div>

je me permet de te reprendre loacast sur le point concernant le JavaScript:

IE et Netscape gèrent aussi bien l'un que l'autre les calques et le HTML dynamique.

Lorsque Microsoft a introduit le concept de HTML dynamique il n'était pas possible d'ajouter de nouvelles fonctions au javascript pour des questions de droit (le javascript étant la propriété de Netscape). C'est la raison pour laquelle Microsoft a developpé le JScript, une extension du javascript. Par la suite Netscape a à son tour ajouté des fonctions ( differentes de celles de Microsoft) permettant de coder du HTML dynamique.

Ceci explique pourquoi il y a 2 façons de coder du HTML dynamique avec des calques:

ainsi on utilise l'objet All (document.all) + le tag <div> pour IE et l'objet Layer (document.layer) + le tag <layer> pour Netscape

Cependant cette manière de coder et aujourd'hui obsolète ! Le w3c a remis un peu d'ordre dans tout cela en définissant le Document Object Model (DOM) qui propose un "standard" pour accèder aux propriétés des objets HTML. (cf http://www.w3.org/DOM/)



ouais merci en fait g mis mon image aussi sur un calque, je la met a gauche en fait parceque suivant la resolution a droite la place changeait, sinon y'a un tt leger decalage suivant la mise en page des navigateur mais c bon, c koi en fait le zindex ou je c pas koi ?
Lassé par la pub ? Créez un compte
Tom's guide dans le monde