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.
Jsfiddle pour ceux qui veulent. Je ne vois même pas de blanc sur ce jsfiddle (copier/coller de ton code donné).
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.
Bah j'avais vu sa sur un tuto a grafikart. Pourquoi, tu fait comment toi ?
Voici l'image:
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>
?
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) !
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.
tu trouveras des bonnes infos ici :
http://la-cascade.ghost.io/nth-child/
sinon, ici il y a la liste de tous les différents sélecteurs css :
http://www.w3schools.com/cssref/css_selectors.asp
@AcriX: Tu viens de confirmer que tu utilisais une image pour avoir du blanc ? :o
div {
background: #fff;
}
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..