Version complète: sur le forum Webmaster Hub : Je voudrais des pointillés
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
mathieu147
Bonjour à tous,

Je suis en train de commencer un site, et je n'en suis encore qu'au design. Voici déjà le lien: Mon site (la page "contact" et la page d'accueil sont identiques, ce n'est pas un bug d'hyperlien ^_^ ).

En fait, ce que je voudrais, c'est changer la façon dont apparaissent les poitillés entre la zone bleu clair de gauche et la zone blanche de droite. Ce que j'aimerais, c'est que les pointillés s'arrêtent quand ils arrivent près des titres.

Comme je ne sais pas bien m'expliquer whistling.gif , je vous ai fait une image pour montrer ce à quoi je voudrais arriver:



On voit que en face des titres, il n'y a plus de pointillés, alors que sur le site, les pointillés verticaux partent du haut vers le bas sans dicontinuer.

J'ai essayé de diminuer le margin des titres, et de leur mettre une bordure bleu clair pour cacher les pointillés, mais les titres vont en dessous de la zone bleue, au lieu d'aller au dessus.

La feuille de style que j'ai écrite peut être trouvée ici.

D'avance, un tout grand merci smile.gif
petit-ourson
CODE
#content h1, #content h2, #content h3
   {
   background    : #ccccff;
   color         : #4444cc;
   border-top    : 1px dashed #4444cc;
   border-bottom : 1px dashed #4444cc;
   border-left   : 1px solid #ccccff;
   padding-left  : 10px;
   padding-right : 10px;
   margin-left   : -10px;
   margin-right  : -10px;
   }


Si tu supprime " border-left : 1px solid #ccccff; ", ça ne va pas mieux ?
petit-ourson
Ah non ton truc est plus tordu que cela. Il faut mettre des pointillés autours de te balises p et non sur tout ton conteneur.
mathieu147
Justement cette bordure c'est ce que j'avais mis pour cacher les pointillés mais ça n'a pas marché. Et apparemment j'ai oublié de l'enlever, mais de toutes façons ça ne change rien, j'ai toujours les pointillés à côté des titres.

Edit: Ah, j'avais loupé ton deuxième message biggrin.gif Je vais essayer de faire ça, mais je crois que j'avais déjà tenté, sans succés.
mathieu147
Je voulais juste dire que ça avait fonctionné.

Mais après, j'ai changé d'avis, et j'ai fait autrement biggrin.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.