Problème d'affichage d'images dans l'accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème d'affichage d'images dans l'accueil
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.
Au secours ?
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="https://i.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="https://i.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="https://i.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="https://i.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="https://i.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="https://i.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="https://i.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="https://i.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 - 4:05, édité 1 fois
Re: Problème d'affichage d'images dans l'accueil
Salut lillypurple,
peux tu nous donner le contenu de cette class
qui se trouve dans ta feuille de style stp
a++
peux tu nous donner le contenu de cette class
- Code:
.vote
qui se trouve dans ta feuille de style stp
a++
Invité- Invité
Re: Problème d'affichage d'images dans l'accueil
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 ^^"
Re: Problème d'affichage d'images dans l'accueil
Salut,
ok merci .
J'ai modifié le survol pour ton infobulle
Tu peux personnaliser le message dans cette partie:
Modifie ton code par ceci
Insères ceci dans ta feuille de style (CSS):
En espérant avoir répondu à ta demande.
a++
ok merci .
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++
Invité- Invité
Re: Problème d'affichage d'images dans l'accueil
Merci beaucoup !!!
Sujets similaires
» Problème de bord arrondi dans le portail et dans les messages
» Problème dans un champ spécial dans le profil
» Problème de couleur dans le profil dans les messages.
» Problème dans le rédaction des annonces dans le PA
» Problème de lien dans la PA (Problème résolu)
» Problème dans un champ spécial dans le profil
» Problème de couleur dans le profil dans les messages.
» Problème dans le rédaction des annonces dans le PA
» Problème de lien dans la PA (Problème résolu)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum