HTML et CSS
Résolu
Pixelita
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
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
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:
- HTML et CSS
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
8 réponses
tout ce qui concerne la "gueule" de ton site >>> css uniquement.
Pour ton formulaire, tout depend a quoi il sert, combien de champs,, etc...
Pour ton formulaire, tout depend a quoi il sert, combien de champs,, etc...
Pixelita
Je veux un seul formulaire et il sert à taper un code.
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 :
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>
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>
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.)
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.)
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: )
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: )
salut,
attention les conseils donnés ne sont pas justes :
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
re,
pour le formulaire :
• chez developpez
• chez le mammouth
• par étapes
• en liste et accessible, ça sent Listapart…
pour le formulaire :
• chez developpez
• chez le mammouth
• par étapes
• en liste et accessible, ça sent Listapart…
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
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
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
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
Ouais, enfin sur ton site ya pas du tout de changement entre les lignes là
???
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.
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.
