Discussion :

[FunkyBearz]

Bonsoir à tous,

j'ai commencé une petite page d'accueil pour mon futur site web, seulement j'ai un petit problème tout bête :

J'ai sorti le "header" & le "footer" de la division "container" de ma page car sinon le page.jpg se fout autour de ces premiers & ils n'ont donc pas l'aspect voulu. Seulement maintenant il y a un "trou" entre le contenair & le reste, voyez par vous même

Le lien de mon CSS : style.css
Mon index.html : Affichez la source

Merci d'avance de votre aide

Bonne soirée

[MasterOfChakhaL]

Salut,

Tu peux essayer d'ajouter ceci au début de ta feuille de style:

Code :

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

1
2
3
4
* {
  margin: 0;
  padding: 0;
}

Il te faudra certainement redéfinir ces propriétés pour certains éléments, mais au moins, tu restes maitre du rendu de ta page...

[FunkyBearz]

Plop, je viens de tester & ça ne change rien.

L'url de mon css n'a pas changé si tu veux vérifié

[E.Bzz]

Bonjour,
il vaut mieux ajouter les "px" (compatibilité) :

Code :

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

margin: 0px;

A+

[FunkyBearz]

Bonjour,
il vaut mieux ajouter les "px" (compatibilité) :

Code :

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

margin: 0px;

A+

Rien à faire, il laisse toujours une ligne

[MasterOfChakhaL]

Salut,

Tu as un souci avec ton code html

Code html :

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

1
2
3
4
5
6
7
 
      <div class="highslide-caption" id="caption-for-thumb">
        <a href="http://funkybearz.fr">
          Clique ici pour aller sur mon blog
        </a>
      </center>
    </div>

Tes balises sont mal imbriquées.

pour éviter les, problèmes le css doit s'appliquer sur un code html valide.
http://validator.w3.org/check?uri=ht...fr%2Ffkybrz%2F

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

[E.Bzz]

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

Autant pour moi : tu me l'apprends

A+

[FunkyBearz]

Salut,

Tu as un souci avec ton code html

Code html :

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

1
2
3
4
5
6
7
 
      <div class="highslide-caption" id="caption-for-thumb">
        <a href="http://funkybearz.fr">
          Clique ici pour aller sur mon blog
        </a>
      </center>
    </div>

Tes balises sont mal imbriquées.

pour éviter les, problèmes le css doit s'appliquer sur un code html valide.
http://validator.w3.org/check?uri=ht...fr%2Ffkybrz%2F

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

Voila, ma page est maintenant Valide,

Code :

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

1
2
 
This Page Is Valid XHTML 1.0 Strict!

Mais le problème persiste toujours


Je ne comprend toujours pas pourquoi il y a une espèce de saut de ligne entre le header & le container & entre le container & le footer

[MasterOfChakhaL]

re,

Tant qu'on y est, tu peux aller jeter un oeil sur le validateur css
http://jigsaw.w3.org/css-validator/v...usermedium=all

pour la propriété border-collapse, les valeurs possibles sont collapse ou no-collapse