Bonjour,

J'ai vu ce site http://www.chamois-pithiviers.fr.nf/ avec une mise en page en forme de page dans plusieurs cadre j'aimerais fortement la reproduire je demande donc de l'aide pour pouvoir reproduire ceci et aussi le code pour mettre de la couleur derrière un menu comme le menu de Comment ca marche qui lui a de la couleur je debute en HTML / CSS veuillez m'excuse :3

Cordialement

Les onglets, c'est cool en CSS, voici quelques tutos :
http://www.siteduzero.com/tutoriel-3-37 ... glets.html
http://css.developpez.com/galerie/?page=menus-onglets
http://xhtml.net/articles/csstabs

C'est ce genre de choses qui te branche ?

xx

Ok, voilà le code responsable dans leur CSS :

Code: Tout sélectionner

#haut-cadre
{
   width: 100%;
   height: 55px;
   background-image: url("image/haut-cadre.png");
   background-repeat: no-repeat;
   background-position: center;
   margin: auto;
   margin-bottom: 0px;
}

#milieu-cadre
{
   width: 100%;
   background-image: url("image/milieu-cadre.png");
   background-repeat: repeat-y;
   background-position: center;   
   margin: auto;
   margin-bottom: 0px;
}

#bas-cadre
{
   width: 100%;
   height: 55px;
   background-image: url("image/bas-cadre.png");
   background-repeat: no-repeat;
   background-position: center;
   margin: auto;
}

Et les images, en haut :
http://www.chamois-pithiviers.fr.nf/ima ... -cadre.png
En bas :
http://www.chamois-pithiviers.fr.nf/image/bas-cadre.png
Et au milieu, d'un pixel de haut mais qui se répète :
http://www.chamois-pithiviers.fr.nf/ima ... -cadre.png

Tu vois le principe ? Le reste, c'est juste que ça s'aligne.

Ah ok merci :')

J'ai cette image en background x elle est tres bien mais je voudrais pouvoir ecrire que dans le cadre du milieu sans qu'on voye que j'ai fait une delimitation c'est a dire pas de trait visible simplement que le texte rentre pile dans le carré comment faire ?

Tu as déjà un site, visible en ligne ?

Oui x voila :')

Si possible le code pour ecrire dans la zone que en CSS merci

Déjà, il faudrait centrer ton image au lieu de la faire se répéter, et mettre un fond noir, là en haute résolution, ça fait pas beau.
Voilà une première étape.

J'ai pas comprit l'image et dans un bloc il n'y a pas 2 fois la même image ensuite comment on met en grande résolution ? tout ce que tu as dit sa me parait bien comme idées mais si je sais pas le faire je vais pas aller loin ._.

robertthibaud17 a écrit:J'ai pas comprit l'image et dans un bloc il n'y a pas 2 fois la même image

ben si...genre mosaïque tronquée:

Ah oui et donc comment réglé sa ? et comment ecrire que dans la partit noir ?!

On ma oublier ? x')

Pour n'avoir que l'image de fond en un exemplaire, il faut changer ses propriétés :

Ajoute ces deux lignes : autour de celle que tu as dans ton CSS :

Code: Tout sélectionner

background : black;
background-image: url( http://image.noelshack.com/fichiers/2012/28/1342216615-df-blue-grass-bg-162kb.jpg );
background-repeat: no-repeat;

Ce tuto pourrait t'aider pour les bases comme ça : http://www.aidenet.com/css/index.htm

Merci c'est gentil mais ensuite pour que le texte soit exclusivement dans ce carré noir ?

Personne ?

Ok ..

les intervenants sont des bénévoles qui ont également une vie ailleurs qu'ici...donc patiente un peu...inutile d'ouvrir un autre sujet sur le même problème.

Excusé moi je les ouvert car il etait plus complet http://image.noelshack.com/fichiers/201 ... 1-Aide.png voila le rendu que j'aimerai avoir sur la page d'accueil et sur les autre page le txte sans l'image .. Merci d'avance

Hé zen, on n'est pas là tout le temps... et c'est normal.

Dans ton code il y a une zone CSS "Main" définie pour écrire au bon endroit, donc tu ajoutes ceci à la fin de ta page html :

Code: Tout sélectionner

<div id="main">Mon texte </div>

Avec ce que tu as à mettre à la place de "mon texte".

Par contre il faut apprendre un minimum, pour piger ce qui se passe.

Ok merci :')