|
|
|
|
Bonjour
Je cherche à superposer deux, trois images gif dans un tableau qui peux varier d'emplacement sur la page (donc je ne peux superposer par rapport à une position relative à l'ecran)
Je cherche donc à superposer des images (avec fond transparent) dans un tableau.
Si je ne suis pas claire, poser moi des questions
merci d'avance
Ca doit pouvoir se faire avec des balises <div> non ?
|
Oui, dsl j'ai qq pb en ce moment, je me suis fait coupé du net :(
<html>
<head>
<title>entete</title>
<style type="text/css">
// ICI CE SONT LES LAYERS AVEC UN POSITION (absolute ici, et les
//coordonnées (top / left / hauteur / largeur) top et left pour définir
//les coordonnées du points haut gauche de ton layer. Et z-index
//pour la "hauteur" :
#layer1img {position:absolute; top:30px; left:150px; width:200px; height:25px; vivibility:show; z-index:1;}
#layer1anim {position:absolute; top:0px; left:300px; width:200px; height:25px; vivibility:show; z-index:2;}
#layer1text { position:absolute; top:70px; left:350px; width:1000px; height:25px; vivibility:show; z-index:3;}
#layerrep { position:absolute; top:0px; left:0px; width:"100%"; height:"100%"; vivibility:show; z-index:4;}
.text1 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: White;text-align : left;}
.text2 {font-family: Arial, Helvetica, sans-serif;font-size: 46px;color: White;text-align : left;}
h1 { color : white; font-size : 15pt; }
</style>
</head>
<body>
<div id="layer1anim"> <img src="dragon.gif" name="dragon"> </div>
...
<div id="layerrep">
Voilà, si tu as d'autre question je reste à ta disposition. ++ ~ iclic @ gauch,iclic, iclic @ droate, iclic, iclic et ya pas de bôg môsieu ! ~ |
Ca marcherais d'emboiter plusieurs <DIV>?
|
Il suffit de changer la facon de faire, avec un calcul automatique par rapport à l'emplacement de ton tableau : Il te suffit de connaitre le coin gaut gauche du tableau, et de décaler suivant les longueurs de case en pixel pour calculer l'emplacement de tes images. Moi c'est ce que je suit en train de faire pour la gestion de mon inventaire (pour un MMORP), et pour le moment ca marche (g pas encore fini). Mais je te conseil aussi de faire en javascript ( pour calculer les positions car tu dois avoir une méthodes déjà faite qui te retourne la position du coin haut gauche d'un documents (comme un table par exemple).
|
<style type="text/css" media="screen"><!--
#image1 { position: relative; background-image: url(../images/bronzes/bronz1g.gif); background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; }
#image2 { position: relative; background-image: url(../images/bronzes/bronz4p.gif); background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; }
#image3 { position: relative; background-image: url(../images/bronzes/vbro1.gif); background-repeat: no-repeat; top: 1px; left: 0px; visibility: visible; }
--></style>
</head>
<body bgcolor="#ffffff">
<table width="600" border="1" cellspacing="2" cellpadding="0">
<tr>
<td>
<div id="image1">
<div id="image2">
<div id="image3">
<img src="../images/espaceur.gif" alt="" height="1" width="240" border="0"><br />
<img src="../images/espaceur.gif" alt="" height="240" width="1" border="0">
</div>
</div>
</div>
</td>
</tr>
</table>
De cette manière, je superpose les 3 images dans le coin supérieur gauche de la cellule. |
Yes, ca a l'air de très bien fonctionner, merci ric.
|
Juste pour que je comprenne, tu fais se superposer plusieurs background dans la meme case, et tu affiche 1 image par dessus pour ajuster la taille de la case? Dans ce cas, n'est t'il pas plus simple de faire une image transparente de la bonne taille et de mettre un truc du genre pour une case de 50x50?C'est tout à fait ça, mais je n'avais pas d'image transparente sous la main. |
RPG basic ou tu nait dans la capitale de ta race (pour avoir un toit ou revivre si tu meurt). Par la suite, tu es libre de faire ce que tu souhaite : pour le moemnt la carte est une ile. Dessus tu as bien sur des perso de type monstre, des pnj de quetes, des pj... Tu peux créer des alliances avec d'autre joueurs (des clans quoi), et rassembler toute ta clique dans une ville : si ton groupe est suffisament nombreux et répond à certains critère tu peux demandée l'autorisation à l'administrateur de créer ta propre ville pour ton clan : dans ce cas, il faut procédé à l'élection d'un maire afin de gérer la ville : la gestion de la ville est attribuée à un joueur désigné maire par les autres membre de la ville. Tu peux aussi t'affilier à une ville autre que la capitale de ta race par la suite. Le but est que les joueurs s'autogèrent sur cette map : au début tu te fais de l'XP sur des quetes et des monstres, puis au fur et à mesure, ce sera plus un jeu de sociabilité entre les joueurs, avec un système d'appréciation entre les races, et en fonctions des actions des personnages.
|
Salut. Je cherche à mettre plusieurs images en fond d'écran (genre une en haut à droite et une en bas à gauche)... j'ai essayer avec des div mais rien à faire: il n'en affiche qu'une sur deux... qqn pourrait me donner un coup de main ? (je signale que je débute en informatique donc je patauge un peu lol)... merki !
|
Balise html contenant une image centré Code html image Création image gif Gif image perso msn Html css position image texte Html div image background Html image cliquable Html image effet Image fond d'écran html Image html Image php Image src email html spam Images miniatures html Mettre une image en html sur mon site Perd qualité image gif gimp Php afficher une image pendant une durée donnée Php resize image Probleme firefox image gif sur forum
