Message d'Accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Message d'Accueil

Message par Space Sapien le Dim 28 Juil 2013 - 21:59

Bonjour à tous,

Je viens vers vous aujourd'hui car je rencontre un problème épineux avec mon message d'accueil. J'ai d'abord créé une image ici et j'ai ensuite utilisé les codes nécessaires afin que les différentes zones de l'image soient cliquables et mènent aux pages désirées.

Code:
<div style="margin:auto;text-align:center;width:100%"><img src="http://i37.servimg.com/u/f37/18/19/71/69/page_d13.png" usemap="#MADELI" width="800" height="312">
<map name="MADELI">
<area shape="rect" coords="464,220,636,288" title="Youtube" href="http://www.youtube.com/channel/UCUwapfFO6_1e8AWIikDTE6g">
<area shape="rect" coords="13,233,114,251" title="Charte" href="http://deliriums.forumgratuit.org/f44-charte-de-la-guilde-delirium-s">
<area shape="rect" coords="15,253,109,271" title="Postuler" href="http://deliriums.forumgratuit.org/t1491-a-lire-avant-de-postuler">
<area shape="rect" coords="165,234,286,251" title="Alliance" href="http://deliriums.forumgratuit.org/c7-alliance-de-guilde">
<area shape="rect" coords="166,255,247,271" title="Flood" href="http://deliriums.forumgratuit.org/f2-le-cafe-des-deli-s">
<area shape="rect" coords="297,45,506,193" title="La Doctoresse" href="http://deliriums.forumgratuit.org/u192contact">
<area shape="rect" coords="516,46,663,208" title="Zobal Bizarre" href="http://deliriums.forumgratuit.org/u276contact">
<area shape="rect" coords="668,47,799,197" title="Maître Fouettarde" href="http://deliriums.forumgratuit.org/u8contact"></map></div>

Jusqu'ici aucun problème, seulement j'aimerai maintenant pouvoir créer une zone de texte qui se superposerai sur le cadre en dessous de "NEWS". Mais impossible de faire ce que je veux. J'ai bien essayé à partir d'une div en mettant l'image en arrière plan mais du coup les images ne sont plus réactives...

Après quelques recherches j'ai cru comprendre que l'on devait se servir des balises position absolute et z-index mais je ne parviens pas à les utiliser correctement.

Si vous pouviez me donner un coup de main, je vous serai très reconnaissant. Wink


Dernière édition par Space Sapien le Lun 29 Juil 2013 - 16:52, édité 1 fois

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'Accueil

Message par Lixyr le Lun 29 Juil 2013 - 14:07

Bonjour.

En faisant ainsi ?

Like a Star @ heaven panneau d'administration >> affichage >> page d'accueil >> généralités
rajouter au tout début de votre code :

Code:
<div class="news">
Autem hiberna imperator perfectaque tantum Mediolanum ad omnis vigilasse ratione ad civilibus laudato consilio ad imperator quod laudato foedere promptior cum quod icto malis foedere maxime in in in laudato consensit hiberna autem malis plerumque ea bella expeditionibus voluit ea.
</div>

:enreg: 

Like a Star @ heaven puis panneau d'administration >> affichage >> couleurs et images >> couleurs >> feuille de style css

rajouter :
Code:
.news {position:relative; top:50px; left:-242px;
  width:285px; height:150px; margin-bottom:-150px;}

:enreg: 

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'Accueil

Message par Space Sapien le Lun 29 Juil 2013 - 16:47

Merci beaucoup Lixyr !
Ça ne tombait pas pile poile dans le cadre mais en bidouillant les valeurs des pixels ça a bien fonctionné.

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum