Tom's Guide > Forum > Programmation > Problèmes de calques...

Problèmes de calques...

Forum Programmation : Problèmes de calques...

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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 ??

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

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.

Répondre à loacast

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>

Répondre à arphys

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/)



Répondre à arphys

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 ?

Répondre à Dik-le-SadiK

Le z-index est le paramètre qui défini l'ordre de superposition des calques, le plus petit z-index designe le calque qui sera en dessous.

Répondre à arphys

k merci bcp pour vos reponses !

Répondre à Dik-le-SadiK
Tom's Guide > Forum > Programmation > Problèmes de calques...
Aller à :

Il y a 288 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens