Demande d'aide en HTML / CSS

Développement, conception de sites web, PHP, (X)HTML, ASP, Ajax, CSS, Javascript, Flash, MySQL, et autres ont leurs entrées dans cette section. On peut aussi parler d'hébergement, de maintenance, de sécurité...

Modérateur: Modérateurs

Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 13 Juil 2012 21:49

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
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 13 Juil 2012 22:01

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 ?
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 13 Juil 2012 22:11

xx
Dernière édition par robertthibaud17 le 19 Juil 2012 18:02, édité 1 fois.
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 13 Juil 2012 22:23

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. :)
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 13 Juil 2012 22:32

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 ?
Dernière édition par robertthibaud17 le 19 Juil 2012 18:02, édité 1 fois.
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 13 Juil 2012 22:47

Tu as déjà un site, visible en ligne ?
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 13 Juil 2012 22:58

Oui x voila :')

Si possible le code pour ecrire dans la zone que en CSS merci
Dernière édition par robertthibaud17 le 19 Juil 2012 18:02, édité 1 fois.
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 14 Juil 2012 07:53

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. ;)
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 14 Juil 2012 09:36

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
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 14 Juil 2012 12:52

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:
Image
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 14 Juil 2012 17:15

Ah oui et donc comment réglé sa ? et comment ecrire que dans la partit noir ?!
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 15 Juil 2012 17:10

On ma oublier ? x')
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 15 Juil 2012 17:19

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
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 15 Juil 2012 17:38

Merci c'est gentil mais ensuite pour que le texte soit exclusivement dans ce carré noir ?
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 15 Juil 2012 21:05

Personne ?
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 13:09

Ok ..
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 16 Juil 2012 13:39

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.
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 13:43

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
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 16 Juil 2012 14:07

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. ;)
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 14:31

Ok merci :')
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Suivante

Retourner vers Développement, conception de sites web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités