Header en haut de la page
Résolu
Yoshi.
Messages postés
33
Date d'inscription
Statut
Membre
Dernière intervention
-
Blunderer Messages postés 273 Date d'inscription Statut Membre Dernière intervention -
Blunderer Messages postés 273 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je commence petit à petit à créer mon site [un test pour le moment] mais j'ai déjà un soucis avant de commencer, ayant beaucoup de mal avec le CSS, mon site sera entièrement en HTML, (et je pourrai toujours intégrer du CSS dans des div).
Après avoir créer mon Header, je le mets dans mon code [J'utilise NotePad++] et en regardant le résultat, c'est pas le même que je voudrai avoir, je voudrai que mon Header soit collé contre les rebords de la fenêtre, bien en haut à gauche, hors là, il est à un peu près 15 pixels d'écart.
http://imageup.fr/uploads/1349770899.bmp
Je voudrai qu'il soit collé, est-ce que quelqu'un pourrait m'aider ou aurait la gentillesse de me dire en détail comment je pourrai régler le problème ?
Je vous remercie à l'avance
Bonne journée.
Cursy.
Je commence petit à petit à créer mon site [un test pour le moment] mais j'ai déjà un soucis avant de commencer, ayant beaucoup de mal avec le CSS, mon site sera entièrement en HTML, (et je pourrai toujours intégrer du CSS dans des div).
Après avoir créer mon Header, je le mets dans mon code [J'utilise NotePad++] et en regardant le résultat, c'est pas le même que je voudrai avoir, je voudrai que mon Header soit collé contre les rebords de la fenêtre, bien en haut à gauche, hors là, il est à un peu près 15 pixels d'écart.
http://imageup.fr/uploads/1349770899.bmp
Je voudrai qu'il soit collé, est-ce que quelqu'un pourrait m'aider ou aurait la gentillesse de me dire en détail comment je pourrai régler le problème ?
Je vous remercie à l'avance
Bonne journée.
Cursy.
A voir également:
- Header en haut de la page
- Impossible de supprimer une page word - Guide
- Mettre google en page d'accueil - Guide
- Traduire une page en français - Guide
- Numéro de page word - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
Pour le code, vu que je l'ai à peine commencer, il n'y avait que :
<div style="background: #A4A4A4"><img src="http://imageup.fr/uploads/1349768641.bmp">
J'avais l'intention de le continuer par la suite, ce n'est qu'un genre de croquis fais rapidement
<div style="background: #A4A4A4"><img src="http://imageup.fr/uploads/1349768641.bmp">
J'avais l'intention de le continuer par la suite, ce n'est qu'un genre de croquis fais rapidement
Ben tu utilise déjà les style, plus qu'à les mettre en CSS. ;-)
ton style="background: #A4A4A4" correspond à un style à appliquer pour ta page. Pour le passer en CSS, donne une classe ou une id à ta div :
<div id="header"></div>
https://www.alsacreations.com/article/lire/535-quelle-est-la-difference-entre-une-classe-class-et-un-id.html
puis tu va mettre les propriété (comme background) sois dans un fichier CSS séparé que tu déclare dans le head :
sois dans le head du code :
Est-ce que tu suis un livre ou un tutoriel pour crée ton site ?
ton style="background: #A4A4A4" correspond à un style à appliquer pour ta page. Pour le passer en CSS, donne une classe ou une id à ta div :
<div id="header"></div>
https://www.alsacreations.com/article/lire/535-quelle-est-la-difference-entre-une-classe-class-et-un-id.html
puis tu va mettre les propriété (comme background) sois dans un fichier CSS séparé que tu déclare dans le head :
<head>
<link rel="stylesheet" href="style.css" />
<title>Premiers tests du CSS</title>
</head>
sois dans le head du code :
<head>
<style>
p
{
color: blue;
}
</style>
</head>
Est-ce que tu suis un livre ou un tutoriel pour crée ton site ?
Pour créer mon site, je m'aide des tutoriels trouvés sur alsacréations, ou autres qui sont très complet. Le langage HTML est très rapide à apprendre, alors arrivée aux CSS, j'me suis un peu dis que c'était pas moins difficile ^^'
J'ai aussi mon frère qui m'aide quand il le peut, il s'y connait plus que moi
Edit: Oh et merci pour ces informations, je pense que je vais commencé à me mettre à bosser sur le CSS
J'ai aussi mon frère qui m'aide quand il le peut, il s'y connait plus que moi
Edit: Oh et merci pour ces informations, je pense que je vais commencé à me mettre à bosser sur le CSS
essaye ceci :
et ceci : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
<html>
<head>
<style>
body
{
margin: 0px;
padding: 0px;
}
#header
{
background-color: #A4A4A4;
margin: 0px;
}
</style>
</head>
<body>
<div id="header">
<img src="http://imageup.fr/uploads/1349768641.bmp">
</div>
</body>
</html>
et ceci : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
