Salut,

N'y connaissant absolument rien (vraiment rien), en langage informatique je passe par un éditeur en ligne, Smugmug, pour l'édition, l'hébergement...

Les thèmes sont personnalisables via un module "CSS" et un module "htlm + CSS".

Et j'aimerais incruster un bandeau "fixe" d'une couleur défini, à un lieu défini (x&y ou %), dans le "body" / "background".
Genre un truc comme çà :

La couleur de fond étant déjà défini, je voudrais ajouter uniquement ce bandeau...
J'ai beau essayer depuis plusieurs heures en parcourant les tuto du web, mais je n'arrive à rien!

Au mieux j'ai réussi à faire une bande en haut, en CSS, via :

Mais je ne sais n'y la faire descendre, n'y la fixer.

Merci beaucoup à celui qui pourra passer un peu de temps pour m'aider.

    #id-de-ton-bandeau {
        margin-top: Xpx; /* X = ta valeur */
        position: fixed;
    }

Si tu ne sais pas donner un ID, trouve la div (ou l'élément qui correspond à ton bandeau) puis tu rajoutes dans les attributs: id="tonid"

EDIT: Attention, la directive "position: fixed" fait que même en scrollant il restera toujours à la même place. Enlève la si ce n'est pas ce que tu veux

Le 24 mars 2017 à 11:21:41 Gueule-D-Ange a écrit :
Salut,

N'y connaissant absolument rien (vraiment rien), en langage informatique je passe par un éditeur en ligne, Smugmug, pour l'édition, l'hébergement...

Les thèmes sont personnalisables via un module "CSS" et un module "htlm + CSS".

Et j'aimerais incruster un bandeau "fixe" d'une couleur défini, à un lieu défini (x&y ou %), dans le "body" / "background".
Genre un truc comme çà :

La couleur de fond étant déjà défini, je voudrais ajouter uniquement ce bandeau...
J'ai beau essayer depuis plusieurs heures en parcourant les tuto du web, mais je n'arrive à rien!

Au mieux j'ai réussi à faire une bande en haut, en CSS, via :

SpoilAfficherMasquer

html
{
height: 100%;
margin: 0;
}

body
{
height: 50%;
margin: 0;
font: 90% "Trebuchet MS", sans-serif;
background-color: #ffffff;
}

Mais je ne sais n'y la faire descendre, n'y la fixer.

Merci beaucoup à celui qui pourra passer un peu de temps pour m'aider.

Les gens qui codent des bandeaux ...

Le 24 mars 2017 à 12:12:50 Ebara a écrit :
#id-de-ton-bandeau { margin-top: Xpx; /* X = ta valeur */ position: fixed; }

Si tu ne sais pas donner un ID, trouve la div (ou l'élément qui correspond à ton bandeau) puis tu rajoutes dans les attributs: id="tonid"

EDIT: Attention, la directive "position: fixed" fait que même en scrollant il restera toujours à la même place. Enlève la si ce n'est pas ce que tu veux

Merci je vais essayer.

Le 24 mars 2017 à 12:20:21 Arigato75 a écrit :

Le 24 mars 2017 à 11:21:41 Gueule-D-Ange a écrit :
Salut,

N'y connaissant absolument rien (vraiment rien), en langage informatique je passe par un éditeur en ligne, Smugmug, pour l'édition, l'hébergement...

Les thèmes sont personnalisables via un module "CSS" et un module "htlm + CSS".

Et j'aimerais incruster un bandeau "fixe" d'une couleur défini, à un lieu défini (x&y ou %), dans le "body" / "background".
Genre un truc comme çà :

La couleur de fond étant déjà défini, je voudrais ajouter uniquement ce bandeau...
J'ai beau essayer depuis plusieurs heures en parcourant les tuto du web, mais je n'arrive à rien!

Au mieux j'ai réussi à faire une bande en haut, en CSS, via :

SpoilAfficherMasquer

html
{
height: 100%;
margin: 0;
}

body
{
height: 50%;
margin: 0;
font: 90% "Trebuchet MS", sans-serif;
background-color: #ffffff;
}

Mais je ne sais n'y la faire descendre, n'y la fixer.

Merci beaucoup à celui qui pourra passer un peu de temps pour m'aider.

Les gens qui codent des bandeaux ...

Tu as une autre astuce ?

Utiliser des classes c'est mieux

Le 24 mars 2017 à 13:02:42 darkiron_natty a écrit :
Utiliser des classes c'est mieux

Des classes ? Je suis néophyte de chez néophyte.

Le 24 mars 2017 à 12:12:50 Ebara a écrit :
#id-de-ton-bandeau { margin-top: Xpx; /* X = ta valeur */ position: fixed; }

Si tu ne sais pas donner un ID, trouve la div (ou l'élément qui correspond à ton bandeau) puis tu rajoutes dans les attributs: id="tonid"

EDIT: Attention, la directive "position: fixed" fait que même en scrollant il restera toujours à la même place. Enlève la si ce n'est pas ce que tu veux

Donc maintenant que j'ai regardé d'un peu plus prêt.

"ID de ton bandeau" "l'élément qui correspond à ton bandeau"
Déjà là on a un souci, qu'est-ce qui défini mon bandeau ?

Ok çà
SpoilAfficherMasquer
html
{
height: 100%;
margin: 0;
}
body
{
height: 50%;
margin: 0;
font: 90% "Trebuchet MS", sans-serif;
background-color: #ffffff;
}

Ca a beau me faire une bande, c'est çà ce qui correspond à mon bandeau ?
En gros je penses pas que se soit la bonne méthode même si j'ai une bande.. Je ne sais pas si tu vois où je veux en venir...

C'est aussi compliqué que çà de rajouter une bande, un bloc de couleur, sans aucune fonction autre que visuelle à un fond ? Bordel de merde

Sinon intégrer une image rectangulaire pour faire une bande c'est plus simple ?
J'ai regardé pendant 3h hier soir j'ai pas réussi non plus.

En faite, le css cible une zone. "body" signifie l'intégralité de ta page. (si tu met une couleur, toute la page prend la couleur).

Et tu peux "créer une zone". En quelque sorte, dans ton fichier html, tu peux définir une classe, par exemple :

<div class="monbandeau"> 
Tu met ton contenu dedans
</div>

Et après sur le css tu met :

.monbandeau {
background-color:#ffffff;
}

enfin bon voilà pour quelques explications. Mais je comprend que tu n'y comprenne pas grand chose et que tu ne veuille pas perdre trop de temps .

Donc voici le code complet :

__________________________________________________

html :

<div class="bandeau">
LE FAMEUX BANDEAU
</div>

css :

html {
  height: 100%;
  margin: 0;
}

body {
  background-color: #ffffff;
}

.bandeau {
  font: 90% "Trebuchet MS", sans-serif;
  background-color: #ffffff;
  margin-top:50px;
  padding:5px;
}

Enfin bon voilà en gros .
margin-top te permet de mettre le nombre de pixels au dessus de ton cloc, tu peux l'ajuster en fonction . Le padding sont les espacements intérieurs (distance entre ton carré et ton texte).

MP moi si jamais tu as des soucis ;)

Le 24 mars 2017 à 12:46:27 Gueule-D-Ange a écrit :

Le 24 mars 2017 à 12:12:50 Ebara a écrit :
#id-de-ton-bandeau { margin-top: Xpx; /* X = ta valeur */ position: fixed; }

Si tu ne sais pas donner un ID, trouve la div (ou l'élément qui correspond à ton bandeau) puis tu rajoutes dans les attributs: id="tonid"

EDIT: Attention, la directive "position: fixed" fait que même en scrollant il restera toujours à la même place. Enlève la si ce n'est pas ce que tu veux

Merci je vais essayer.

Le 24 mars 2017 à 12:20:21 Arigato75 a écrit :

Le 24 mars 2017 à 11:21:41 Gueule-D-Ange a écrit :
Salut,

N'y connaissant absolument rien (vraiment rien), en langage informatique je passe par un éditeur en ligne, Smugmug, pour l'édition, l'hébergement...

Les thèmes sont personnalisables via un module "CSS" et un module "htlm + CSS".

Et j'aimerais incruster un bandeau "fixe" d'une couleur défini, à un lieu défini (x&y ou %), dans le "body" / "background".
Genre un truc comme çà :

La couleur de fond étant déjà défini, je voudrais ajouter uniquement ce bandeau...
J'ai beau essayer depuis plusieurs heures en parcourant les tuto du web, mais je n'arrive à rien!

Au mieux j'ai réussi à faire une bande en haut, en CSS, via :

SpoilAfficherMasquer

html
{
height: 100%;
margin: 0;
}

body
{
height: 50%;
margin: 0;
font: 90% "Trebuchet MS", sans-serif;
background-color: #ffffff;
}

Mais je ne sais n'y la faire descendre, n'y la fixer.

Merci beaucoup à celui qui pourra passer un peu de temps pour m'aider.

Les gens qui codent des bandeaux ...

Tu as une autre astuce ?

Y a des méthodes pour contourner le codage et encore plus pour ce genre de broutille , cherchez et réfléchissez un peu

http://codepen.io