Probleme xhtm/css
Chien Noir
-
Chien Noir -
Chien Noir -
Bonjour,
Je galère depuis plusieurs jours pour enlever la bordure de mes img-liens.
Je suis débutant mais j'ai appris sur le site du zer0, j'ai copié les codes de bases donnés et malgré tous mes efforts la bordure reste la, la bordure moche toute violette de base, et qui devient rouge quand on clique dessus.
Le code xhtml de ma banniere (entete de mon site) est celle la :
<div class="en_tete">
<p><a href="index.html"><img src="../images/banniere_noir.jpg" width" alt="Chien Noir" title"Accueil"></A></p>
</div>
elle s'affiche tres bien aucun probleme, mai quand je lui attribue le code css suivant :
.en_tete
{
border: 0;
width: 760px;
height: 100px;
border-color: black;
background-repeat: no-repeat;
margin-left: 400px;
}
La bordure reste présente. Ou est donc mon erreur ?
Les images de mon site non plus n'ont pasl eur banniere enlevée, malgré que j'ai inscrit ceci :
a img
{
border: none;
}
Je ne comprend pas mon erreur, merci d'aider un pauvre newbie sans aucune expérience...
A bientot !
Je galère depuis plusieurs jours pour enlever la bordure de mes img-liens.
Je suis débutant mais j'ai appris sur le site du zer0, j'ai copié les codes de bases donnés et malgré tous mes efforts la bordure reste la, la bordure moche toute violette de base, et qui devient rouge quand on clique dessus.
Le code xhtml de ma banniere (entete de mon site) est celle la :
<div class="en_tete">
<p><a href="index.html"><img src="../images/banniere_noir.jpg" width" alt="Chien Noir" title"Accueil"></A></p>
</div>
elle s'affiche tres bien aucun probleme, mai quand je lui attribue le code css suivant :
.en_tete
{
border: 0;
width: 760px;
height: 100px;
border-color: black;
background-repeat: no-repeat;
margin-left: 400px;
}
La bordure reste présente. Ou est donc mon erreur ?
Les images de mon site non plus n'ont pasl eur banniere enlevée, malgré que j'ai inscrit ceci :
a img
{
border: none;
}
Je ne comprend pas mon erreur, merci d'aider un pauvre newbie sans aucune expérience...
A bientot !
A voir également:
- Probleme xhtm/css
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
4 réponses
Tu as donné la classe "en_tete" à la div, le code css que tu appliques à ".en_tete" s'applique donc à la div, pas à son contenu. (pour ce qui est de border et des dimensions en tout cas, dont les enfants n'héritent pas) La bordure que tu veux supprimer est générée par la balise <a> autour de <img>. Pour être sûr de te débarrasser de toute bordure dans ta div de class en_tete, tu dois par exemple ajouter à ta css:
.en_tete a {
text-decoration: none;
border: none;
}
.en_tete a img {
border: none;
}
en passant: jamais de majuscules pour les noms de balise (</a> et non </A>)
il y a pas mal de trucs qui clochent dans ta balise img, elle est vraiment ainsi ou c'est une erreur de copie? (pas de = après title, le "width" qui n'a rien à faire là, le / de fermeture manquant...)
.en_tete a {
text-decoration: none;
border: none;
}
.en_tete a img {
border: none;
}
en passant: jamais de majuscules pour les noms de balise (</a> et non </A>)
il y a pas mal de trucs qui clochent dans ta balise img, elle est vraiment ainsi ou c'est une erreur de copie? (pas de = après title, le "width" qui n'a rien à faire là, le / de fermeture manquant...)
Il y a vraiment un truc que je n'arrive pas à comprendre...
J'ai beau suivre ce qu'on me dit sur forums, tutos et sites webs, cette maudite bordure ne veux pas s'en aller!
Voici donc mon code XHTML :
<div class="en_tete">
<p><a href="index.html"><img src="../images/banniere_noir.jpg" alt="Chien Noir" title="Accueil" /></a></p>
</div>
Et mon code CSS (je précise que je l'ai bien liée à la page xhtml, puisque tous les autres codes fonctionnent) :
.en_tete a
{
text-decoration: none;
border: none;
}
.en_tete a img
{
border: none;
}
Merci toute de même a Feadin pour la correction de mon code xhtml, j'ai repris ses instructions (qui me semblent valables et qui devraient fonctionner) mais il ne fonctionne toujours pas...-_-'
Si quelqu'un pouvait m'aider, je lui en serait extrêmement reconnaissant.
J'ai beau suivre ce qu'on me dit sur forums, tutos et sites webs, cette maudite bordure ne veux pas s'en aller!
Voici donc mon code XHTML :
<div class="en_tete">
<p><a href="index.html"><img src="../images/banniere_noir.jpg" alt="Chien Noir" title="Accueil" /></a></p>
</div>
Et mon code CSS (je précise que je l'ai bien liée à la page xhtml, puisque tous les autres codes fonctionnent) :
.en_tete a
{
text-decoration: none;
border: none;
}
.en_tete a img
{
border: none;
}
Merci toute de même a Feadin pour la correction de mon code xhtml, j'ai repris ses instructions (qui me semblent valables et qui devraient fonctionner) mais il ne fonctionne toujours pas...-_-'
Si quelqu'un pouvait m'aider, je lui en serait extrêmement reconnaissant.
hum, j'ai l'impression que ton problème vient d'autres lignes que de celles-ci :/
je viens de faire le test en faisant un copier-coller exact du code que tu donnes dans ton dernier post (sauf que j'ai placé le css entre balises style dans le même fichier et que j'ai remplacé l'image par une provenant d'un de mes répertoires ;) ) de cette façon donc:
<style>
.en_tete a
{
text-decoration: none;
border: none;
}
.en_tete a img
{
border: none;
}
</style>
<div class="en_tete">
<p><a href="index.html"><img src="images/site/index_pro.png" alt="Chien Noir" title="Accueil" /></a></p>
</div>
et la bordure disparait, comme il se doit (faisant du dev web j'ai sur ma machine tous les nav depuis ie 5 et je les ai passés en revue rapidement, ça fonctionne même sur ie 6, c'est dire ^^ )
je viens de faire le test en faisant un copier-coller exact du code que tu donnes dans ton dernier post (sauf que j'ai placé le css entre balises style dans le même fichier et que j'ai remplacé l'image par une provenant d'un de mes répertoires ;) ) de cette façon donc:
<style>
.en_tete a
{
text-decoration: none;
border: none;
}
.en_tete a img
{
border: none;
}
</style>
<div class="en_tete">
<p><a href="index.html"><img src="images/site/index_pro.png" alt="Chien Noir" title="Accueil" /></a></p>
</div>
et la bordure disparait, comme il se doit (faisant du dev web j'ai sur ma machine tous les nav depuis ie 5 et je les ai passés en revue rapidement, ça fonctionne même sur ie 6, c'est dire ^^ )
Efectivement j'ai posté le message en urgence et en relisant j'ai vu les horreurs contenues dans ma balise ...--'
Je ne mets bien sur jamais de maj...
Et je ne sais pas ce que "width" viens faire la, tandis qu'il devrait se trouver dans la balise css...
ni pourquoi il manque le =.
Je ne savais pas, dans ma newbitude, que border ne s'applqiuait pas au contenu.
Merci beaucoup !