Besoin d'aide en CSS - Page HTML

Résolu
ThePico20 -  
ThePico20 Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je suis en train d'essayer de réaliser un site web avec ce que j'ai appris, mais là, il y a un truc que je n'arrive pas à faire, j'aimerais qu'une bande avec écrit le nom du site soit en position fix et qui fais de la gauche à la droite de la page. En gros, je demande si quelqu'un voudrait bien m'aider et essayer de réaliser un petit code CSS pour celà. J'ai un ScreenShot pour que vous compreniez mieux:http://image.noelshack.com/fichiers/2012/32/1344541793-help.png

PS: Pour ceux qui veullent bien m'aider, mettez des commentaires pour ce que je devrais compléter moi même. (Si quelqu'un veut bien m'aider bien sûre)


<config>Windows XP / Google Chrome</config>
A voir également:

5 réponses

dwade74 Messages postés 120 Date d'inscription   Statut Membre Dernière intervention   32
 
Bonsoir

Essaye d'enlever les "marges".
body {margin:0; padding:0;} //mettre dans le css
et dis moi si ça marche, ou poste ton code css ici
0
ThePico20
 
Ca ne fonctionne pas, tiens mon code CSS:

#header{
width:100%;
min-height:70px;
max-height:70px;
background-image:url(images/header.png);
background-attachment:fixed;
margin-top:0px;
top:0;
position:fixed;
line-height: 70px;
}
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
1 - 'up' ne sert à rien
2 - bon conseil : inscris (qui ne coûte rien !!!) serait bien mieux venu sur le forum
;)
0
Utilisateur anonyme
 
as tu mis, comme je le pense, ton header dans le body ?

colle nous ton code css que l'on puisse voir si il y à un problème
0

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

Posez votre question
ThePico20
 
Non, mon header est dans #header
Et mon code CSS du Header est posté plus haut :3

Enfin, si vous voulez le total:
#header{ 
width:100%; 
min-height:70px; 
max-height:70px; 
background-image:url(images/header.png); 
background-attachment:fixed; 
margin-top:0px; 
top:0; 
position:fixed; 
line-height: 70px; 
} 
#header a{ 
    color: #FFF; 
    text-decoration: none; 
} 
#header a:hover{ 
    color: #FFF; 
    text-decoration: underline; 
} 

#left{ 
    margin-top:5px; 
    margin:0; 
    padding:0; 
} 


Mes à tous d'essayer de m'aider :D
0
Utilisateur anonyme
 
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#header {
position: fixed;
width: 100%;
height: 70px;
background-image: url(images/header.png);
background-attachment:fixed;
margin: 0;
}
0
ThePico20
 
Merci, tu es mon dieu, malheuresement, je ne peux pas faire un +1 a ta réponse, car tu as posté en mode "Commentaire" :/ Mais, ca fonctionne, c'était ça ! Merci ^^
0
Utilisateur anonyme
 
Super !

Un simple passage du sujet en résolu, ça suffira ;-)

A+

ps : tu peux virer "background-attachment:fixed;" dans le #header, il ne sert à rien vu qu'il y a déjà "position: fixed;"
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
+100 ;)
0
ThePico20 Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   1
 
C'est fais, et ok Sebooch, je l'ai enlevé :D
0