Espace entre deux image dans la PA

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 le 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
**

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 le 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
+ Hyperactif +

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

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

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

Message par Shiooooo le 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
**

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


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