Problème d'affichage d'images dans l'accueil

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

Résolu Problème d'affichage d'images dans l'accueil

Message par lillypurple le Jeu 14 Juil 2011 - 9:03

Bonjour,

Je me suis mise il y a peu au HTML et CSS et j'ai créé un accueil pour mon forum, qui s'affiche très bien en ouvrant la page HTML.

Mon problème: lorsque je place le code dans les généralités de la page d'accueil, mes images de votes partent sur le côté et se mettent à la verticale !

Voilà le code concernant les images en question collé dans la section, bien que je ne comprenne pas, si ça fonctionne sous forme de page HTML, pourquoi ça ne fonctionnerait pas sur le forum.

Spoiler:

<h1>Votez pour nous !</h1>
<p><div class=vote><a href="http://www.root-top.com/topsite/loveless/in.php?ID=134"><img src="http://i44.servimg.com/u/f44/14/24/21/24/111.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2070"><img src="http://i44.servimg.com/u/f44/14/24/21/24/211.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1305"><img src="http://i44.servimg.com/u/f44/14/24/21/24/311.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=1147"><img src="http://i44.servimg.com/u/f44/14/24/21/24/411.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4910"><img src="http://i44.servimg.com/u/f44/14/24/21/24/511.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2411"><img src="http://i44.servimg.com/u/f44/14/24/21/24/611.jpg" alt="vote"/></a>
<a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6579"><img src="http://i44.servimg.com/u/f44/14/24/21/24/711.jpg" alt="vote" /></a>
<a href="http://www.root-top.com/topsite/astraea/in.php?ID=258"><img src="http://i44.servimg.com/u/f44/14/24/21/24/811.jpg" alt="vote" /></a></div></p>

</div>

Au secours ?


Dernière édition par lillypurple le Jeu 14 Juil 2011 - 10:05, édité 1 fois

lillypurple
Nouveau membre

Messages : 5
Inscrit(e) le : 14/07/2011

http://behind-paradise.forumactif.org
lillypurple a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage d'images dans l'accueil

Message par Milouze14 le Jeu 14 Juil 2011 - 9:29

Salut lillypurple,
peux tu nous donner le contenu de cette class
Code:
.vote

qui se trouve dans ta feuille de style stp

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage d'images dans l'accueil

Message par lillypurple le Jeu 14 Juil 2011 - 9:49

Au début j'ai testé d'y mettre un text-align: center; pour voir ce que ça donnait mais vu que ça n'a pas fonctionné, je l'ai enlevé et je n'ai rien mit d'autre à la place ^^"

lillypurple
Nouveau membre

Messages : 5
Inscrit(e) le : 14/07/2011

http://behind-paradise.forumactif.org
lillypurple a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage d'images dans l'accueil

Message par Milouze14 le Jeu 14 Juil 2011 - 9:56

Salut,
ok merci Wink .

J'ai modifié le survol pour ton infobulle
Tu peux personnaliser le message dans cette partie:
Code:
<span>Votez</span>

Modifie ton code par ceci

Code:

<h1>Votez pour nous !</h1><div class="vote">
<a href="http://www.root-top.com/topsite/loveless/in.php?ID=134" class="info"><span>Votez</span>
<img src="http://i44.servimg.com/u/f44/14/24/21/24/111.jpg"></a>
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2070" class="info"><span>Votez</span>
<img src="http://i44.servimg.com/u/f44/14/24/21/24/211.jpg"></a>
<a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1305" class="info"><span>Votez</span>
<img src="http://i44.servimg.com/u/f44/14/24/21/24/311.jpg"></a>
<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=1147" class="info"><span>Votez</span>
<img src="http://i44.servimg.com/u/f44/14/24/21/24/411.jpg"></a>
<a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4910" class="info"><span>
Votez</span><img src="http://i44.servimg.com/u/f44/14/24/21/24/511.jpg"></a>
<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2411" class="info"><span>Votez</span>
<img src="http://i44.servimg.com/u/f44/14/24/21/24/611.jpg" alt="vote"></a>
<a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6579" class="info"><span>
Votez</span><img src="http://i44.servimg.com/u/f44/14/24/21/24/711.jpg"></a>
<a href="http://www.root-top.com/topsite/astraea/in.php?ID=258" class="info"><span>
Votez</span><img src="http://i44.servimg.com/u/f44/14/24/21/24/811.jpg"></a>
</div>



Insères ceci dans ta feuille de style (CSS):
Code:
.vote
{
width:100%;/* Largeur du bandeau */
}
/* =====Infobulle=======  */
a.info
{
  position: relative;
  color: White;
  text-decoration: none;

}
a.info span
{
  display: none; /* on masque l'infobulle */
}
a.info:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span

{
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /*  Pas de retour à la ligne non-désiré */
font-size:13px;/* Taille de la police */
color: #ffffffr;/* Couleur de la police*/
bottom: 55px; /* on positionne notre infobulle */
left:18%;/* Marge sur la gauche */
}
/* =====fin=======  */

En espérant avoir répondu à ta demande.
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage d'images dans l'accueil

Message par lillypurple le Jeu 14 Juil 2011 - 10:04

Merci beaucoup !!! Yahoo

lillypurple
Nouveau membre

Messages : 5
Inscrit(e) le : 14/07/2011

http://behind-paradise.forumactif.org
lillypurple 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