2017-10-01 2 views
0

Je suis assez nouveau pour la programmation Html et d'autres choses et j'étais tryna 'mettre une police personnalisée à ma page et je suis usin' un fichier .css afin de le faire. dans le fichier .css, im usin 'a marin: 0 auto; code et quand j'applique cette option, l'arrière-plan entier va un peu à droite qui vissera toute la page, mais sans la marge le texte n'a pas l'air si bon et je me demandais si quelqu'un pouvait m'aider à résoudre ce problèmeMargin dans .css décorer avec l'image d'arrière-plan

code Css =

html, body { 
    padding-top: 3em; 
    text-align: center; 
    width: 80%; 
    margin: 0 auto; 
} 

code html fond =

<body background="lis6.jpg"> 
+1

Il semble étrange avoir 'padding-top' sur ** à la fois **' html' et 'body'. Est-ce intentionnel? Aussi, pourriez-vous s'il vous plaît télécharger votre image d'arrière-plan à un hôte d'image, puis référencer le lien ici, en créant un [** exemple minimal, complet et vérifiable **] (http://stackoverflow.com/help/mcve)? Pour plus d'informations, référez-vous à l'article d'aide concernant [** comment poser de bonnes questions **] (http://stackoverflow.com/help/how-to-ask), et prenez la [** visite du site **] (http://stackoverflow.com/tour) :) –

Répondre

0

Vous pouvez essayer d'ajouter à la CSS:

background-position:center; 

également ici est une meilleure façon de configurer l'arrière-plan et un code plus approprié (pas une bonne idée d'appliquer le CSS html, balise body):

.content { 
 
    padding-top: 3em; 
 
    text-align: center; 
 
    width: 80%; 
 
    margin: 0 auto; 
 
    background-image: url(http://lorempixel.com/500/500/); 
 
    background-position:center; 
 
    height: 100px; 
 
}
<div class="content"> 
 

 
</div>

+0

super, et comme l'a dit Obsidian .. il est bon de faire le tour du site afin de comprendre peu de choses. Cela vous aidera à faire de meilleures questions et à comprendre comment vous éditez, acceptez la réponse, utilisez les tags, etc;) –