Margin Top | Texte

Par AcriX, il y a 11 ans

Les bases HTML/CSS

Bonjour,

Par erreur j'ai supprimer mon sujet precedent.. Mais du coup j'avais réussi a règler mon problème mais en voice un deuxième.

Le margin top a très bien marcher pour mes 2 derniers paragraphes mais le premier ca marche et ca fixe ce grand espace.

Au début je me suis dit que c'est peut-etre parce-que mon background blanc n'etait pas fixe ou en position absolue ?

Image:

Le code:

HTML: http://code.empreintesduweb.com/8811.html
CSS: http://code.empreintesduweb.com/8812.html

Merci de votre réponse.
AcriX.

PS: Je suis entrain de changer le code pour du HTML5.

11 réponses

tleb, il y a 11 ans

Jsfiddle pour ceux qui veulent. Je ne vois même pas de blanc sur ce jsfiddle (copier/coller de ton code donné).

AcriX, il y a 11 ans

Il est dans la div "contents".

En CSS:

contents

{
background: url(pictures/contenu.jpg) repeat-y center;
}

J'avais suivi un tuto de Grafikart ou il avait seulement fait une bande blanche qui est répété quand je met du contenu.

tleb, il y a 11 ans

Tu as une image de blanc ? Oo

Pouvons-nous voir les images ?

AcriX, il y a 11 ans

Bah j'avais vu sa sur un tuto a grafikart. Pourquoi, tu fait comment toi ?

Voici l'image:

http://prntscr.com/6m0ls0

caoua, il y a 11 ans

Salut,
pourquoi te compliques tu la vie ainsi :

<div id="presentation"><h1><br> Presentation of the website </h1></div> <div id="presentationtext">Passionated with aviation from my youngest age, wishing one day to become an Air traffic Controller, I'm presently in high school. I made this website to share my knowledge with you about the world of Air Traffic Control. You will find articles about new systems, some explanations news about aviation especially ATC, videos/pictures ... And a lot more !around</div>

et ne fais tu pas simplement ceci :

<article> <h1>Presentation of the website</h1> <p>Passionated with aviation from my youngest age, wishing one day to become an Air traffic Controller, I'm presently in high school. I made this website to share my knowledge with you about the world of Air Traffic Control. You will find articles about new systems, some explanations news about aviation especially ATC, videos/pictures ... And a lot more !around</p> </article>

?

AcriX, il y a 11 ans

Parce que apres je n'arrive pas a modifier la position du texte..

caoua, il y a 11 ans

Je pense qu'il serait plus judicieux de garder pour tes différents articles, une largeur identique à ta div id bloc page
Ainsi, tu peux sélectionner en css (avec :nth-child() ) un article sur deux pour lui attribuer un coup un padding right, et un autre coup, un padding left sans oublier pour ce 2e cas ci, un h1 qui soit en text-align:right (parce que par défaut, le texte du h1 du premier cas est en align-left) !

AcriX, il y a 11 ans

Ah d'accord, merci. Je vais essayer d'en apprendre un peu plus sur le ":nth-child()" et j'essayerai de le mettre en pratique sur mon site web. Merci beaucoup.

tleb, il y a 11 ans

@AcriX: Tu viens de confirmer que tu utilisais une image pour avoir du blanc ? :o

div {
    background: #fff;
}
AcriX, il y a 11 ans

Euh.. J'arrive plus a le retrouver mais ca me dit un truc.

C'etait au cas ou l'image ou le bleu en background s'affiche pas, alors le background sera tout blanc et on vera quand meme le texte. J'avais vu sa sur le net, au cas ou la page ne s'affichait pas correctement je crois.

Excusez-moi je debute dans le HTML et CSS donc il est possible que je mette des balises qui ne servent absolument a rien..