Header en haut de la page

Résolu/Fermé

Yoshi. Messages postés 33 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 26 février 2015 - 9 oct. 2012 à 10:22
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 - 9 oct. 2012 à 13:08

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.

A voir également:

Header en haut de la page
Supprimer une page word - Guide
Page d'accueil iphone - Guide
Traduire la page - Guide
Word numéro de page 1/2 - Guide
Créer une page facebook - Guide

2 réponses

Réponse 1 / 2

Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 132
9 oct. 2012 à 10:24

Salut

Comment fait tu la mise en page sans CSS ? Peut tu montrer ton code ?

Réponse 2 / 2

Yoshi. Messages postés 33 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 26 février 2015 35
9 oct. 2012 à 10:31

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

Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 132
9 oct. 2012 à 10:40

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 ?

Yoshi. Messages postés 33 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 26 février 2015 35
Modifié par Yoshi. le 9/10/2012 à 11:10

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

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
Modifié par Blunderer le 9/10/2012 à 11:20

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

Yoshi. Messages postés 33 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 26 février 2015 35
9 oct. 2012 à 11:28

Ça marche ! Merci beaucoup !!

J'étais justement entrain de lire ce sujet là x) !

Sujet résolu, merci encore une fois à vous deux !

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
9 oct. 2012 à 13:08

pas de quoi :)
a+

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

Chemin Logo du site de la Cité de l'espace

Résolution d'une image 500 pixels largeur

iPhone : je n'ai pas de son lors d'un appel sortant

Discussions similaires

Newsletters