Espace entre deux image dans la PA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espace entre deux image dans la PA
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 :
Voici ma CSS pour les infobulles :
Et le code (entier) de ma PA :
Merci d'avance pour vos réponses =3
- 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
Re: Espace entre deux image dans la PA
Bonsoir,
Vous voulez un petit ou un grand espace entre les deux images ? Car si c'est un petit espace, mettez ceci:
 
Si c'est le deuxième cas, va falloir faire un tableau.
Cordialement.
Re: Espace entre deux image dans la PA
Désolé d'avoir tardé à te remercier mais j'étais très occupée alors merci beaucoup le sujet est résolu =3
Sujets similaires
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» Espace entre deux boutons
» Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.
» Retirer les espace automatique entre deux div ?
» Espace entre deux images (vertical)
» Espace entre deux boutons
» Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.
» Retirer les espace automatique entre deux div ?
» Espace entre deux images (vertical)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum