Header en haut de la page
Résolu
Yoshi.
Messages postés
47
Statut
Membre
-
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.
2 réponses
-
Salut
Comment fait tu la mise en page sans CSS ? Peut tu montrer ton code ?
-
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-
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 :<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 -
essaye ceci :
<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 -
-
-
