Espace entre deux image dans la PA

2 participants

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

Résolu Espace entre deux image dans la PA

Message par Shiooooo Dim 19 Déc 2010 - 0:30

Désolé de vous embêter encore une fois, mais cette fois je n'arrive pas a espacer deux image pour le staff dans ma page d'accueil :
Spoiler:

Voici ma CSS pour les infobulles :
Code:
a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #FFE494; /* arrière-plan de l'infobulle */

color: grey; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 4px solid #FFFFFF;
border-left: 4px solid #FFFFFF;
}

Et le code (entier) de ma PA :
Code:
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>
<img src="http://www.picdo.net/fichiers/2010/12/17/238f1a8c-501a-4d29-bcc5-91397c0c3cfe_ban-pa.png" />



<script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://www.picdo.net/fichiers/2010/12/17/80738979-5103-4819-91cb-c97921fcd1a6_wel.png" /></li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.picdo.net/fichiers/2010/12/17/740d8b36-dea4-469a-896a-c823eaf0d2f3_card.png" /></li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.picdo.net/fichiers/2010/12/17/e1c3a74c-86ea-4214-adc8-800c393b30ab_pat.png" /></li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.picdo.net/fichiers/2010/12/17/4693585a-0d1a-4b1a-a18a-aced9c69ef57_cre.png" /></li><div class="clear"><div id="mes_contenus"><div id="co_1"
class="mon_contenu" style="position: center;"><table class="tablo"><tr><td><img src="http://www.picdo.net/fichiers/2010/12/18/daaf0eb6-20b2-47aa-b25d-2e936e5826e0_gxm.png" /></td><td><img src="http://www.picdo.net/fichiers/2010/12/18/dcaaf2f1-59aa-4334-882e-e150ec755f09_gxm-recrut.png" /></td></tr><tr><td>Graph' Mania est un forum de graphisme.

Prendre des cours, commander, exposer

vos créas ou bien tout simplement vous éclatez dans

le flood... ça vous tente ?</td><td>

Voici les ouvertures de candidatures du moment :


<ul>* Joker <font color="red">[Close]</font>

* As <font color="red">[Close]</font>

* Reds <font color="red">[Close]</font>

* Souverains <font color="red">[Close]</font>

* Valets <font color="red">[Close]</font></ul></td></tr></table></div><div id="co_2"
class="mon_contenu" style="display: none;"><table class="tablo"><tr><td><img src="http://www.picdo.net/fichiers/2010/12/18/75200e64-5ffa-42ac-93c0-876e39aa5386_joke.png" /></td><td><img src="http://www.picdo.net/fichiers/2010/12/18/1ee1b012-3392-450d-a726-3783e2260dc5_as.png" /></td></tr>
<tr><td><a href="#" class="infobulle"><img src="http://www.picdo.net/fichiers/2010/12/18/a2c55a06-11c0-4100-bd7d-80720c20a644_shi.jpg"><span>
<b>Shio ~
Sweet Queen
and Joker</b><br>
</span></div><a href="#" class="infobulle"><img src="http://www.picdo.net/fichiers/2010/12/18/3dece047-7b9d-4bee-9548-e2f066ae31c7_pom.jpg"><span>
<b>Pom ~
Little Apple
and Joker</b><br>
</td><td>texte 2</td></tr></table></div><div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div><div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></ul>

Merci d'avance pour vos réponses =3


Dernière édition par Shiooooo le Sam 25 Déc 2010 - 15:37, édité 1 fois
Shiooooo

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre deux image dans la PA

Message par Anzu Dim 19 Déc 2010 - 21:56


Bonsoir,

Vous voulez un petit ou un grand espace entre les deux images ? Car si c'est un petit espace, mettez ceci:
&nbsp

Si c'est le deuxième cas, va falloir faire un tableau.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre deux image dans la PA

Message par Shiooooo Sam 25 Déc 2010 - 15:36

Désolé d'avoir tardé à te remercier mais j'étais très occupée alors merci beaucoup le sujet est résolu =3
Shiooooo

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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