5568 sujets

Sémantique web et HTML

Bonjour
J'ai codé en dur sur mon site des liens avec icones vers mes pages de réseaux sociaux et pro. Vous trouverez le code en dessous. Le problème est qu'il y a l'apparition des points noirs autour et sur les icones. Je souhaiterais enlever ses points noirs. Vous trouverez en pièce le rendu en image de mon code sur mon site ainsi vous pourriez voir ces points noirs. Je vous remercie.

<ul id=”reseauSociaux”>
<li class="follow"> <a href="#">Suivez-nous sur :</a> </li>
<li class="follow"><a href="https://www.facebook.com/CVFlashJob" target="_blank">
<img src="http://cvflashjob.com/templates/ProgressiveView/main/images/facebook2.jpg" alt="Facebook"  width="25" height="25" /></a></li>
<li class="follow"><a href="https://twitter.com/CVFlashJob" target="_blank">
<img src="http://cvflashjob.com/templates/ProgressiveView/main/images/tweeter.jpg" alt="Twitter"  width="25" height="25"/></a></li> 
<li class="follow"><a href="http://www.viadeo.com/fr/company/cvflashjob" target="_blank">
<img src="http://cvflashjob.com/templates/ProgressiveView/main/images/viadeo.jpg" alt="Viadeo"  width="25" height="25"/></a></li>
<li class="follow"><a href="https://www.linkedin.com/company/cvflashjob?report%2Esuccess=6vo3TCkCS1-Q3MQSXyAa5EmbyooXt_JHF4gI-SlS5O9Glwt8CaN1ZzdSFMOjqCEC4tgoZJl1pOO90MRDlW9NQp" target="_blank">
<img src="http://cvflashjob.com/templates/ProgressiveView/main/images/linkedin.jpg" alt="Linkedin"  width="25" height="25"/></a></li>

</ul>
upload/55520-Sanstitre.jpg
Modifié par CVFlashJob (31 Jul 2014 - 12:57)
Salut,

Il faut que t'enlève les bulletpoints des éléments de liste.
li {
list-style-type: none}


En espérant t'avoir aidé.
Bonjour,

C'est dans ta feuille de styles que les choses se passent, tu devrais réinitialiser les styles par défaut de cette liste, de cette manière par exemple :
ul{
    list-style-type: none;
}


* On n'a même plus le temps de prendre le temps de répondre Smiley confused Smiley lol
Modifié par 6l20 (31 Jul 2014 - 13:02)
Modérateur
Yokii a écrit :
Pour les points noir, un petit coup de biactol!

Cette fois tu t'es direct jeté a l'eau ! Smiley lol


EDIT : Moi aussi je veux donner la solution, il faut faire :
.follow{
     list-style-type:none;
}

Modifié par _laurent (31 Jul 2014 - 13:55)
Salut,
Moi aussi je veux donner ma solution (c'est la meilleure tu verra).

il faut faire :
#reseauSociaux li{
    list-style-type: none;
}
Yoan a écrit :
Salut,
Moi aussi je veux donner ma solution (c'est la meilleure tu verra).

il faut faire :
#reseauSociaux li{
    list-style-type: none;
}

<mecRelou>Non car conventionnellement on n'utilise pas d'ID en CSS Smiley langue </mecRelou>

@6l20 ta solution ne marchera pas car c'est sur le LI que cette propriété s'applique ^^
Gili a écrit :
@6l20 ta solution ne marchera pas car c'est sur le LI que cette propriété s'applique ^^

Tiens, j'aurai juré que dans CSS, il y avait le mot cascade, j'ai dû me gourrer Smiley eek
Gili a écrit :
<mecRelou>Non car conventionnellement on n'utilise pas d'ID en CSS Smiley langue </mecRelou>

Mission réussie ! Smiley lol Smiley cligne
@6l20 t'es sûr pour la cascade ? ^^

J'avais testé sur jsfiddle et ça n'avait pas fonctionné. mea culpa Smiley smile
Gili a écrit :
@6l20 t'es sûr pour la cascade ? ^^

Sûr, sûr, comme tu y vas, je ne suis qu'un débutant moi ! Smiley cligne
Gili a écrit :
J'avais testé sur jsfiddle et ça n'avait pas fonctionné. mea culpa Smiley smile
No soucy Smiley cligne
Gili a écrit :

&lt;mecRelou&gt;Non car conventionnellement on n'utilise pas d'ID en CSS Smiley langue &lt;/mecRelou&gt;


Tient, je ne savais pas. Je me coucherais moins bête!
Yokii a écrit :


Tient, je ne savais pas. Je me coucherais moins bête!


Ah benh écoute ça me fais plaisir. Je vais te dire pourquoi alors comme ça tu pourras frimer en soirée.
- la maintenabilité en CSS : le poid d'un selecteur d'ID est dix fois supérieur à une class, donc pour overrider un selecteur d'ID à coup de class tu peux toujours y aller ^^
- la réutilisabilité des CSS : actuellement tout devient objets réutilisables, l'ID n'abonde pas dans ce sens.
- l'optimisation JS : la sélection par ID en JS est plus performante que par class, du coup on réservera plutôt l'ID à cet effet;

Quelques articles qui roxx du requin gonflable :
- http://openweb.eu.org/articles/penser-en-dehors-de-la-boite
- http://openweb.eu.org/articles/l-orthogonalite-en-css
- http://openweb.eu.org/articles/l-approche-dry-don-t-repeat-yourself
Merci à tous ! Dis donc ça bouge sur ce forum Smiley biggrin Smiley biggrin
J'ai essayé ce code :
#reseauSociaux li{
    list-style-type: none;
}


Mais il marche pas peut-être parce que y a une mise à niveau sur mon serveur. J'attend et je vous tiens informer. Merci encore.
Salut,
J'ai essayé toutes vos propositions mais rien à faire, les points noirs persistent ! Je continue à chercher.
Salut,

Voici ce que je lis dans ta feuille de styles :
#reseauSociaux {
  .follow {
    list-style-type: none;
  }
}

Il n'y a effectivement aucune raison que cela fonctionne.
Bonjour,

Résolu en 5 secondes sur firebug (ou n'importe quel inspecteur de code standard)...
As-tu réellement cherché ?

fichier design.css, ligne 1302 :

li.follow {
    float: left;
    list-style: none; /* contente-toi de rajouter cette ligne */
}
Cecilececile a écrit :
Quel talent ! Smiley ola

Quel enthousiasme !
Venir du fin fond du web pour poster cet unique message de liesse, ça laisse pantois Smiley eek