Discussion :

[mephisto_55]

Bonjour à tous ,

je suis en train de construire mon site a partir d'un template .

mon site est à deux niveau

niveau 1 partie générale ( présentation du site ) et explication du fonctionnement du site

ensuite on passe au niveau inférieur

à ce stade en fait j'ai deux parties imbriquées dans la partie générale


je n'arrive pas à trouver la solution pour que cette partie

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
h3 {
    text-decoration:underline;
}

soit prise en compte

je crois qu'il doit y avoir une déclaration dans ma feuille css qui l'en empêche .

je l'ai inclus dans ma feuille de style mais il n'est pas pris en compte par les navigateurs .

Un tout grand merci d'avance .

[Bovino]

Comment veux-tu que l'on te réponde ?
Tu ne fournis aucun code permettant de savoir où se situe le problème...

je crois qu'il doit y avoir une déclaration dans ma feuille css qui l'en emprêche .

Oui, je crois aussi !

[mephisto_55]

Bonsoir Bovino ,

en attaché une partie de mon site

en fait c'est dans la partie les passionnés du bois que je veux y mettre des titres en souligné .

titre niv 2 et niveau 3

un grand merci d'avance

corrige moi titre 2 3 c'est du type bloc ?
j'ai essayé d'intégrer le souligné dans la déclaration du H2 et du H3
pas fonctionné

j'ai essayé de déclarer une classe et de l'appeler avec un <div class> qui est de type bloc .

sans succès non plus

[rodolphebrd]

Bonjour,
Alors, il y a beaucoup d'erreurs de code html. Beaucoup de balises non fermées, et inutiles.
Ensuite tu commets des erreurs d'imbrication comme :<b><span>Bonjour à tous</b></span>
Alors qu'il faudrait :<b><span>Bonjour à tous</span></b>

Encore que le span ici n'a pas d'utilité, il faudrait donc voir :<h3><b>Bonjour à tous</b> </h3>

IL n'y a pas de style pour H3 donc j'en déduit que tu veux appliquer ce style à cette balise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.souligne3{
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}

Dans ce cas tu peux faire : <h3 class="souligne3"> en fermant ta balise...

Sinon ton site à un aspect plutôt sympathique mais tu as beaucoup de travail de correction.

Bon courage.

[mephisto_55]

Bonsoir rodolphebrd ,

j'ai essayé le <h3 class="souligne3"> en fermant ta balise... mais ca ne fonctionne pas , en fait le souligné qui ne fonctionne pas .

aurais je fais une erreur quelque part dans mon code ?

" Sinon ton site à un aspect plutôt sympathique " , merci , j'essaye qu'il soit esthétique et agréable .

en fait j'avais deux blog et j'essaye de pouvoir les regrouper en un seul site .

me donnant justement la possibilité de pouvoir mettre en forme plus facilement .

J'ai oublié un point , je me bat avec le code css depuis le début .

si je ne m'abuse un <ol> permet une liste chiffrée , et bien impossible de l'utiliser , j'ai dû contourner en utilisant <ul> avec une classe spécifique .

il y a encore d'autres bizarrerie dans le code css .

super les templates mais c'est quelque fois galère .

Marc

[rodolphebrd]

Bonjour,

Pour que je puisse t'aider il faut que tu cites précisément la page concernée et que tu transmettes le code (html/css) afférent.

Concernant la balise ol voici la démarche à suivre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ol>
   <li>Premier élément de la liste.</li>
   <li>Second élément de la liste.</li>
</ol>

Tes interrogations semblent être relativement simples, et je te conseille de chercher sur le web des ressources qui t'aideront énormément.

Je peux t'aider à trouver des solutions....

[mephisto_55]

Salut rodolphebrd ,

pour ce qui est de la balise ol , désolé je la connais .

je te mets au défi de l'insérer dans la page html qui accompagne le fichier css.

crée une liste ol n’importe laquelle dans la page html , totalement impossible .

si tu y arrive chapeau , mais cela relève d'un tour de passe passe .

Dans ce cas tu peux faire : <h3 class="souligne3"> en fermant ta balise... , super de super .

essaye de créer une déclaration dans la feuille de style du type h3 avec underline , impossible ça ne fonctionne pas .

<h3 class="souligne3"> çà j'avais trouvé tout seul .

essaye d'utiliser une une balise h3 déclarée dans la feuille de style avec tous les attributs dont underligne et bien le underligne ne fonctionne pas .

je lis et relis tous les tutos html et css , pas de réponse qui fonctionne .

en fait le fichier css comme il est écrit crée des emmerdes .

Marc

[rodolphebrd]

A priori cette portion de code ne sert à rien :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
ol {
  list-style-type: decimal;
  list-style-image: none;
  list-style-position: outside;
}
ol li {
  display: block;
  clear: both;
}

Tu verras ta numérotation ol s'afficher.

Par contre, comme je te l'ai dit, tu as une multitude de balises mal imbriquées et des <span> inutiles.
Tu peux investir dans des ouvrages sur HTML et CSS et sur ce site tu as des tutos intéressants comme celui-ci par exemple : developpez.com/glossaire-css

Effectivement j'avais oublié que tu construisais ton site à partir d'un template:

Pour ta balise h3, J'ai supprimé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="js/cufon-yui.js"></script>

et ça fonctionne.

Je ne vois pas l'utilité de Cùfon dans ton site, mais bon je n'ai regardé, qu'une page.....

[mephisto_55]

bonsoir ,

la partie java script est un code que j'ai récupéré tel quel .

il me permet de faire un diaporama de plusieurs images dans un cadre je l'utilise avec le dossier image .

sur la page accueil passionné du bois et sur la page d’accueil de la sculpture sur bois pour tous .

je sais que maintenant je dois nettoyer le code html et y remettre de l'ordre .

j'essaye de m'attaquer au code sans passer par un logiciel comme dreamwaver qui met tout en place et crée tout tout seul .

Marc

[rodolphebrd]

j'essaye de m'attaquer au code sans passer par un logiciel comme dreamwaver qui met tout en place et crée tout tout seul .

Je pense justement qu'un logiciel comme dreamweaver pourrait être d'une grande utilité car il te permet de visualiser ce que tu crées toi-même, c'est l'intérêt des WYWIWIG (what you see is what you get).

[Galendil]

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Deux sites qui peuvent t'être utile, ils permettent de voir si tu as fait des erreurs dans ton code (tu peux rentrer l'url ou directement le code si tu travailles en local).

Il est un peu foireux sur la détection, suffit de regarder "autour" de l'endroit de l'erreur qu'il te fournit ;-)

[Muchos]

Deux sites qui peuvent t'être utile

Un validateur HTML et CSS est carrément indispensable !

Il est un peu foireux sur la détection, suffit de regarder "autour" de l'endroit de l'erreur qu'il te fournit

Perso, ça a toujours ciblé juste. Parfois, une erreur crée des erreurs en cascade, et corriger la première fait partir les autres.
Non, je les trouve très sûrs ces validateurs.