Problème HTML
Fermé
PenibleHenri
Messages postés
4
Date d'inscription
lundi 28 octobre 2013
Statut
Membre
Dernière intervention
14 novembre 2013
-
28 oct. 2013 à 13:54
PenibleHenri Messages postés 4 Date d'inscription lundi 28 octobre 2013 Statut Membre Dernière intervention 14 novembre 2013 - 14 nov. 2013 à 18:53
PenibleHenri Messages postés 4 Date d'inscription lundi 28 octobre 2013 Statut Membre Dernière intervention 14 novembre 2013 - 14 nov. 2013 à 18:53
A voir également:
- Problème HTML
- Editeur html - Télécharger - HTML
- &Nbsp html - Forum HTML
- Br html - Forum HTML
- Saut de lignes sans <br/> ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
6 réponses
bouchrot
Messages postés
352
Date d'inscription
mercredi 12 octobre 2011
Statut
Membre
Dernière intervention
2 janvier 2023
6
5 nov. 2013 à 18:39
5 nov. 2013 à 18:39
je dois voir ton code complet
PenibleHenri
Messages postés
4
Date d'inscription
lundi 28 octobre 2013
Statut
Membre
Dernière intervention
14 novembre 2013
9 nov. 2013 à 19:58
9 nov. 2013 à 19:58
je crois que c'est parce qu'il faut que je créer une classe pour chacuns des liens !
ryko1820
Messages postés
1677
Date d'inscription
dimanche 28 avril 2013
Statut
Membre
Dernière intervention
15 août 2021
276
9 nov. 2013 à 20:08
9 nov. 2013 à 20:08
je crois que c'est parce qu'il faut que je créer une classe pour chacuns des liens !
Bah non, sinon à quoi bon faire une classe ??? et comme disait bouchrot ça serait mieux :
- de nous donner un peu plus du code. (genre le bout de CSS qui correspond à la classe et un peu plus du html (elle est dans quoi la classe ?))
- ce que tu veux faire exactement ? (genre transformer le look du lien, les aligner horizontalement, etc ...)
Sinon tu peux déjà vérifier que ton html est conforme sur http://validator.w3.org/ car pour qu'un lien ne fonctionne plus, faut quand même y aller ...
PenibleHenri
Messages postés
4
Date d'inscription
lundi 28 octobre 2013
Statut
Membre
Dernière intervention
14 novembre 2013
9 nov. 2013 à 21:43
9 nov. 2013 à 21:43
Voilà mon Html:
</div>
<span class="cadre"> <a href="page1/page1.html"> MES DEBUTS HTML</a><a href="page2/page2.html"> LA DECOUVERTE DU CSS </a><a href="herge/image/Tintin.html">L'IMITATION D'UN SITE</a>
<a href="page1/page1.html"> MES DEBUTS HTML</a></span>
<div class="marvel"><img src="marvel.png"></div>
Et voilà mon CSS :
.lien{
margin-left:1000px;
margin-bottom:800px;
font-family:impact;
font-size:30px;
a:link {text-decoration:none;}
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
text-decoration: blink;
}
</div>
<span class="cadre"> <a href="page1/page1.html"> MES DEBUTS HTML</a><a href="page2/page2.html"> LA DECOUVERTE DU CSS </a><a href="herge/image/Tintin.html">L'IMITATION D'UN SITE</a>
<a href="page1/page1.html"> MES DEBUTS HTML</a></span>
<div class="marvel"><img src="marvel.png"></div>
Et voilà mon CSS :
.lien{
margin-left:1000px;
margin-bottom:800px;
font-family:impact;
font-size:30px;
a:link {text-decoration:none;}
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
text-decoration: blink;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ryko1820
Messages postés
1677
Date d'inscription
dimanche 28 avril 2013
Statut
Membre
Dernière intervention
15 août 2021
276
10 nov. 2013 à 11:54
10 nov. 2013 à 11:54
Hello,
juste une remarque, si tu veux coller du code ici, tu peux utiliser le bouton
Concernant plus précisément ton code, je peux voir plusieurs non-conformités dans le HTML et le CSS, mais chez moi, même avec ce code, les liens fonctionnent (par contre pas le CSS : il y a notamment un problème d'accolades mais pas seulement).
Maintenant quel était ton objectif en écrivant ce code ? Aligner les liens horizontalement ? Normalement la balise span sert plutôt à appliquer des styles et on utiliserait plutôt un div ou même en html5 une nav, et des ul/li pour les liens ... Les balises "a" et "span" étant par défaut des balises inline, c'est plus le div ou le nav que l'on positionne et dimensionne puis dans ces containers on traite les liens.
Toutefois, plusieurs choix s'offrent ensuite au codeur pour aligner les liens dans ces blocs, retirer les puces des li, changer le look et le comportement des liens, leur alignement, leur espacement entre eux (regarde par exemple du coté de inline-block sur Alsacréation, et il y a justement une section concernant des liens répartis horizontalement).
En espérant ne pas te décourager, car il y a priori il y a beaucoup de correction sur un si petit bout de code, je ne peux que te conseiller la lecture ou la relecture de Apprenez à créer votre site web avec HTML5 et CSS3 sur le site du zéro, qui offre de bonnes bases dans le respect des normes. Quand on connait déjà un peu le HTML et le CSS sa lecture est rapide et profitable, si l'on souhaite écrire du code "propre" et surtout conforme (qui passera sur la plupart des navigateurs et durera).
juste une remarque, si tu veux coller du code ici, tu peux utiliser le bouton
<>en haut à droite qui permet entres autres de conserver les indentations.
Concernant plus précisément ton code, je peux voir plusieurs non-conformités dans le HTML et le CSS, mais chez moi, même avec ce code, les liens fonctionnent (par contre pas le CSS : il y a notamment un problème d'accolades mais pas seulement).
Maintenant quel était ton objectif en écrivant ce code ? Aligner les liens horizontalement ? Normalement la balise span sert plutôt à appliquer des styles et on utiliserait plutôt un div ou même en html5 une nav, et des ul/li pour les liens ... Les balises "a" et "span" étant par défaut des balises inline, c'est plus le div ou le nav que l'on positionne et dimensionne puis dans ces containers on traite les liens.
Toutefois, plusieurs choix s'offrent ensuite au codeur pour aligner les liens dans ces blocs, retirer les puces des li, changer le look et le comportement des liens, leur alignement, leur espacement entre eux (regarde par exemple du coté de inline-block sur Alsacréation, et il y a justement une section concernant des liens répartis horizontalement).
En espérant ne pas te décourager, car il y a priori il y a beaucoup de correction sur un si petit bout de code, je ne peux que te conseiller la lecture ou la relecture de Apprenez à créer votre site web avec HTML5 et CSS3 sur le site du zéro, qui offre de bonnes bases dans le respect des normes. Quand on connait déjà un peu le HTML et le CSS sa lecture est rapide et profitable, si l'on souhaite écrire du code "propre" et surtout conforme (qui passera sur la plupart des navigateurs et durera).
PenibleHenri
Messages postés
4
Date d'inscription
lundi 28 octobre 2013
Statut
Membre
Dernière intervention
14 novembre 2013
14 nov. 2013 à 18:53
14 nov. 2013 à 18:53
Oui, ce serais pour aligner
verticalement des liens.
verticalement des liens.