Bonsoir,
Je suis nouvelle sur ce forum, tout fraîchement inscrite.
Je suis graphiste de métier mais ne maîtrise pas bien le CSS et le Html (le Php encore moins !).
J'ai essayé d'apprendre toute seule et je me débrouille comme je peux à l'aide de Wordpress qui facilite grandement les choses.
Donc j'ai choisi un template qui me plaît, je l'ai modifié à mon goût. J'ai acheté un hébergement chez OVH.
Mais voilà, je bloque souvent pour des petits détails comme par exemple l'affichage de "social icons" (Facebook, Twitter, etc..) au niveau du "Header". Je ne comprends pas pourquoi elles ne s'affichent pas. Les liens marchent, on distingue l'emplacement des icônes mais à l'intérieur : rien..
Voici ce que ça donne :
Merci d'avance pour le temps que vous m'accorderez !
Modifié par juju56 (19 Mar 2012 - 02:54)
Je suis nouvelle sur ce forum, tout fraîchement inscrite.
Je suis graphiste de métier mais ne maîtrise pas bien le CSS et le Html (le Php encore moins !).
J'ai essayé d'apprendre toute seule et je me débrouille comme je peux à l'aide de Wordpress qui facilite grandement les choses.
Donc j'ai choisi un template qui me plaît, je l'ai modifié à mon goût. J'ai acheté un hébergement chez OVH.
Mais voilà, je bloque souvent pour des petits détails comme par exemple l'affichage de "social icons" (Facebook, Twitter, etc..) au niveau du "Header". Je ne comprends pas pourquoi elles ne s'affichent pas. Les liens marchent, on distingue l'emplacement des icônes mais à l'intérieur : rien..
<div id="social_icons">
<ul id="iconlist">
<li class="facebook"><a href="http:///www.facebook.com/anonyme"><img title="Facebook" src="../images/facebook.png" height="24" width="24"/></a></li>
<li class="twitter"><a href="http://www.twitter.com/anonyme"><img title="Twitter" src="../images/twitter.png" height="24" width="24"/></a></li>
<li class="rss"><a href="http://www.anonyme.fr/feed/"><img title="Rss" src="../images/rss.png" height="24" width="24"/></a></li>
<li class="email"><a href="mailto:anonyme@gmail.com"><img title="Email" src="../images/email.png" height="24" width="24"/></a></li>
</ul>
</div><!-- end #social-icons -->
#social-icons { float: left; position: absolute; width: 117px; height: 27px; }
#iconlist { list-style: none; }
#iconlist li { float:left; margin-right:15px; }
Voici ce que ça donne :
Merci d'avance pour le temps que vous m'accorderez !
Modifié par juju56 (19 Mar 2012 - 02:54)