Site web avec une partie centrée sur toutes les pages du site

Fermé

Thetcha - Modifié par Thetcha le 23/05/2014 à 10:04
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 23 mai 2014 à 14:53

Bonjour,
Voila, je suis en cours de développement de site web et je voudrais faire évoluer mon site web en ayant une image de fond d'écran et un contenu toujours centré quelque soit la page dans une partie spéciale comme sur ce site :

http://www.yachtingserv.com/croisiere-et-stage-palavas-les-flots.php

J'ai beau récupérer le code source et tester mais je n'arrive pas.
Si quelqu'un pouvait 'aider en me disant ce qui faut faire ou récupérer du code source du site que j'ai mis je suis preneur.
D'avance merci

A voir également:

Site web avec une partie centrée sur toutes les pages du site
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Quel site remplace coco - Accueil - Réseaux sociaux
Site pour vendre des objets d'occasion - Guide
Site inaccessible - Guide

1 réponse

Réponse 1 / 1

Benoit A. Messages postés 455 Date d'inscription mercredi 8 février 2012 Statut Membre Dernière intervention 13 août 2015 515
Modifié par Benoit A. le 23/05/2014 à 10:54

Dans ton fichier css tu rajoutes cet attribut :

body {
background: url(images/nom_de_limage.jpg) no-repeat center center fixed;
}

Thetcha
23 mai 2014 à 11:00

Merci de ta réponse mais j'ai déjà fixé l'image de fond en fessant ceci :

<style type='text/css'>
body { background:#F6F6F6 url('http://www.popstyle-web.fr/wp-content/uploads/2012/02/wood_floor_pattern_seamless.jpg'); ?>.png') repeat; background-attachment : fixed; padding-top: 15px; padding-bottom: 15px; }
.arrows { color:#167ece; }
.block-arrows, .block-arrows a { color:#167ece; }
.meta-arrow { font-size:16px; color:#167ece; }
.tweets a, .textwidget a { color:#167ece; }
</style>

Mais maintenant c'est le cadre du milieu que je n'arrive pas à construire !!!

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
23 mai 2014 à 12:08

Tu peux commencer par quelque chose comme ceci :

<body>
    <div class="page">
        <h1>Contenu</h1>
    </div>
</body>

.page {
    width: 1000px;
    margin: 0 auto;
}

Thetcha
23 mai 2014 à 14:10

Merci mais le css ne fait rien sur ma page !

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
23 mai 2014 à 14:53

Peux tu nous montrer le code complet de ta page ?

Discussions similaires

C'est quoi le site qui remplace coco chat

SITES MARCHANDS NON SECURISES

Coco chat connexion sur mobile, le tchat est fermé ?