Optimisation d'image
riptide Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
Reprise du message précédent
Bonjour,Je ne comprend pas ou est le soucis j'ai mis ton code, mais l'image n'apparaît pas bizarre, regarde la colonne a propos il n'y à pas l'image.
css:
Code CSS :
.sprite-footera_propos{ background-position: 0 0; width: 32px; height: 32px; } .sprite-footerachat{ background-position: -34px 0; width: 32px; height: 32px; } .sprite-footeraffilies{ background-position: -68px 0; width: 32px; height: 32px; } .sprite-footerchat{ background-position: -102px 0; width: 32px; height: 32px; } .sprite-footerconnexion-et-inscription{ background-position: -136px 0; width: 32px; height: 32px; } .sprite-footerpartenaires{ background-position: -170px 0; width: 32px; height: 32px; } .sprite-footerplus{ background-position: -204px 0; width: 32px; height: 32px; } .sprite-footersocial{ background-position: -238px 0; width: 32px; height: 32px; } #container li { background: url(http://www.tchatt.net/templates/base/theme/images/sprite-footer.png) no-repeat top left; }
l'image:
et le html:
<div class="footer_columns">
<div class="footer_columns_title">
<span class="sprite-footer sprite-footera_propos"></span> A propos
<div class="footer_columns_title">
<span class="sprite-footer sprite-footera_propos"></span> A propos
<ul>
<li><a href="/articles/articles-2-2+o-v-h-hebergement.php"title="Hébergeur">Ralentie par OVH</a></li>
<li><a href="/pages/nous-lier-en-faisant-un-lien-sur-votre-site"title="Nous liez">Nous liez</a></li>
<li><a href="/pages/contribuer"title="Nous soutenir">Contribuer</a></li>
<li><a href="/pages/portfolio"title="Mes créations">Portfolio</a></li>
<li><a href="/guestbook/guestbook.php"title="Poster une dédicasse">Livre d'or</a></li>
</ul>
</div></div>
Édité par riptide Le 05/04/2013 à 19h55
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Code CSS :
span.sprite-footer{ display:block; }
Et ton image c'est pas bon je pense essaye ca plutot :
Code CSS :
span.sprite-footer{ display:block; background: url(http://www.tchatt.net/templates/base/theme/images/sprite-footer.png) no-repeat top left; }
ElenWii
riptide Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Et ton url n'est pas bonne
c'est pas un "-" mais "_" que tu as dans ton nom d'image=> http://www.tchatt.net/templates/base/theme/images/sprite_footer.png
ElenWii
riptide Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
Merci l'image est revenus, mais comment la centré stp ?
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
que des images avec le lien sur l'image, sans texte à coté?
des images + le texte des liens à coté ?
menu horizontal ?
vertical ?
riptide Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
Juste l'icone à côter du titre de la colonne comme sur les colonnes du bas de mon footer mais en version sprite. Comme ça:
Caché :

riptide Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
En faite la même chose mais en version sprite, toujours à la recherche d'allègement suite à mes déboires d'hébergements.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
