Besoin d'aide en CSS - Page HTML

Résolu/Fermé
ThePico20 - 9 août 2012 à 21:53
ThePico20 Messages postés 102 Date d'inscription samedi 11 août 2012 Statut Membre Dernière intervention 21 décembre 2014 - 11 août 2012 à 12:08
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 samedi 28 mai 2011 Statut Membre Dernière intervention 25 janvier 2014 32
9 août 2012 à 22:54
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
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
10 août 2012 à 12:14
1 - 'up' ne sert à rien
2 - bon conseil : inscris (qui ne coûte rien !!!) serait bien mieux venu sur le forum
;)
0
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
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
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 22
11 août 2012 à 01:09
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
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
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 22
Modifié par sebooch le 11/08/2012 à 11:50
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
11 août 2012 à 12:03
+100 ;)
0
ThePico20 Messages postés 102 Date d'inscription samedi 11 août 2012 Statut Membre Dernière intervention 21 décembre 2014 1
11 août 2012 à 12:08
C'est fais, et ok Sebooch, je l'ai enlevé :D
0