HTML et CSS

Résolu/Fermé
Pixelita - 19 mars 2008 à 20:09
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 19 mars 2008 à 21:22
Bonjour,
Donc en fait j'ai créée une page HTML avec des div (container; header; droite; centre gauche et footer).
Et j'ai un CSS qui s'y rattache.

Voici un extrait de mon CSS :

#header { background: #dddddd; margin: 0; padding: 0 10px 0 20px; }

#gauche {
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
visibility: inherit;
padding: 10px;
width: 150px;
height: auto;
float: left;}


C'est sur quelle page que je définis maintenant le format des paragraphes et titres (<p><h1>h2>...)
Mais aussi la taille de la police; la couleur de fond ... C'est sur mon CSS ? Ou dans mon HTML ?
A quel endroit je dois le mettre sur la page ?

Ensuite j'ai une autre question concernant les formulaires (zones ou un peu écrire et taper sur "ok" par exemple)
<input> <select> (formulaires)
Définir taille, couleur et police de caractères mais aussi couleur de fond
et bordures des zones champs de saisie des formulaires.

Savez-vous comment je dois procéder pour le code ?
Et je l'écris dans le fichier HTML ?

D'avance merci beaucoup
A voir également:

8 réponses

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 973
19 mars 2008 à 20:12
tout ce qui concerne la "gueule" de ton site >>> css uniquement.


Pour ton formulaire, tout depend a quoi il sert, combien de champs,, etc...
0
Je veux un seul formulaire et il sert à taper un code.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 20:15
salut,

ben c'est un excellent début, tu n'as qu'à continuer pareil !!!

la règle est simple, dans le html que le contenu, dans la CSS que la mise en page.
donc dans ton HTML aucune valeur pour régler la taille, la couleur ou la police : tout dans la CSS.
par exemple :
h1
{
color:red;
}
h2
{
color:blue;
font-style:italic;
}
p
{
text-indent:2em;
text-align:justify;
}

le HTML, il faut le valider avant de mettre en page, comme ça pas de mauvaise surprise après, tu pars sur des bases saines !

enfin, veille à toujours utiliser les balises HTML pour ce pour quoi elles sont faites.
par exemple, <h1> est le titre le plus important, une liste s'écrit dans <ul> et <table> NE DOIT JAMAIS SERVIR A DE LA MISE EN PAGE.

voili, voila !

<edit>
et pour le contenu du formulaire c'est pareil.
</edit>
0
gginoux Messages postés 435 Date d'inscription lundi 5 novembre 2007 Statut Membre Dernière intervention 11 avril 2008 54
19 mars 2008 à 20:17
Salut,

Je répond a ta premier question.

C'est sur quelle page que je définis maintenant le format des paragraphes et titres (<p><h1>h2>...)
Mais aussi la taille de la police; la couleur de fond ... C'est sur mon CSS ? Ou dans mon HTML ?
A quel endroit je dois le mettre sur la page ?


Tu doit le mettre sur ton CSS.

Je répond a ta deuxième question.

Ensuite j'ai une autre question concernant les formulaires (zones ou un peu écrire et taper sur "ok" par exemple)
<input> <select> (formulaires)
Définir taille, couleur et police de caractères mais aussi couleur de fond
et bordures des zones champs de saisie des formulaires.

Savez-vous comment je dois procéder pour le code ?
Et je l'écris dans le fichier HTML ?


Tu doit le faire en CSS (pour ce que tu demande pour le code pour le formulaire je c'est que faire les pays, canada etc... tout sa, et
le truc ou les personne écrit pour savoir si le site et bien ou pas voila, sinon faut que je regarde et que je te le passe.)
0
Merci pour votre aide à tous...
Ce que j'appelle "formulaire" c'est une case avec un curseur où l'on peut taper un code par exemple et lorsqu'on clique sur valider par exemple une nouvelle page est chargé en conséquence...
Vous voyez ce que je veux dire ?
0
Zabuza66 Messages postés 366 Date d'inscription vendredi 31 août 2007 Statut Membre Dernière intervention 26 novembre 2008 66
19 mars 2008 à 20:17
Salut,
https://www.tayo.fr/changer-espace-de-ligne-dune-balise-p-astuce.php

Tu ajoutes ça dans le style .css
donc p {
} h1 {
}
Etc etc: )
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 20:22
salut,

attention les conseils donnés ne sont pas justes :
pour changer la hauteur de ligne, c'est à dire l'espace entre celle-du dessus et celle du dessous, il suffit d'utiliser la valeur margin et padding

faux.
c'est la propriété {line-height}.
la différence est de taille car l'espacement ou la marge ne s'appliquent qu'à la boite alors que la hauteur de ligne s'applique à chaque ligne, c'est visible sur un paragraphe réparti sur plusieurs lignes.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 20:30
re,

pour le formulaire :

chez developpez

chez le mammouth

• par étapes

en liste et accessible, ça sent Listapart…
0
gginoux Messages postés 435 Date d'inscription lundi 5 novembre 2007 Statut Membre Dernière intervention 11 avril 2008 54
19 mars 2008 à 20:33
Merci Dalida, moi je créer mon site et je chercher a l'améliorait car j'apprenais sur le site du zér0 et avec ce que ta donner formulaire etc... je vais pourvoir l'améliorait merci.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > gginoux Messages postés 435 Date d'inscription lundi 5 novembre 2007 Statut Membre Dernière intervention 11 avril 2008
19 mars 2008 à 20:44
salut,

you're welcome !!!

tu connais Alsa ?

allez hop, un bookmark de plus !
0
Zabuza66 Messages postés 366 Date d'inscription vendredi 31 août 2007 Statut Membre Dernière intervention 26 novembre 2008 66
19 mars 2008 à 20:39
Salut, en réponse à Dalida

http://www.monsterup.com/upload/1205955456.jpg

et
http://www.monsterup.com/upload/1205955536.jpg


Donc l'espace entre ligne n'est pas modifié avec line-height ou alors je ne comprends pas bien
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 20:47
tu ne comprends pas ! lol
-:oD

mets des paragraphes sur plusieurs lignes.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 20:55
en image
0
Zabuza66 Messages postés 366 Date d'inscription vendredi 31 août 2007 Statut Membre Dernière intervention 26 novembre 2008 66
19 mars 2008 à 20:56
J'allais initialement poster cette image ( ah bha c'est fait :p )
http://www.monsterup.com/image.php?url=upload/1205956331.jpg

Mais je viens de comprendre ce que tu dis ( dur de se comprendre ), margin modifie en effet la distance entre plusieurs éléments Autre qu'une ligne.
Ainsi, si une image est placée, la ligne du style
<p style="margin-bottom:2px"> Bonjour </p> provoquera également une "distance" de 2px entre la ligne et l'image

Alors que line height non
0
Zabuza66 Messages postés 366 Date d'inscription vendredi 31 août 2007 Statut Membre Dernière intervention 26 novembre 2008 66
19 mars 2008 à 20:58
Ouais, enfin sur ton site ya pas du tout de changement entre les lignes là
0
gryzzly Messages postés 4608 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020 1 330
19 mars 2008 à 21:09
ouvres tes yeux ...
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 mars 2008 à 21:22
???

et une {line-height} de 1 pixel ce n'est pas une très bonne idée…

mais bon on va pas passé la nuit sur ça ce n'est pas le sujet du fil.
je te renvoie donc à la spéc, on peut difficilement faire plus exact.
0