View original (French)

Background color source code

Solved
Mehdi-Amg Posted messages 95 Registration date   Status Membre Last intervention   -  
 Techno01 -
Hello,
I'm looking for the source code to set a background color for text but not for the entire page, just at the top, as if I were creating a banner with the website title. I hope you understand what I mean.
Thank you in advance!

Configuration: Mac OS X / Safari 534.51.22

1 answer

Answer 1 / 1
Techno01
 
not quite

try this
<html>
<head>
<meta charset="utf-8">
<title>Page</title>
<style type="text/css">
.banner
{
width:100%;
height:160px;
background-color:green;//or your favorite color
}
</style>
</head>

<body>
<div class="banner">
</div>
</body>
</html>
11
Mehdi-Amg Posted messages 95 Registration date   Status Member Last intervention   11
 
Honestly, I couldn't have hoped for better. Thank you very much.
3
Techno01
 
You're welcome, but how did you manage to display [resolved] in this forum? I'm new to this forum.
0
Mehdi-Amg Posted messages 95 Registration date   Status Member Last intervention   11
 
Just above the post title. And one last question... How do I put text in this colored area?
1
Techno01
 
So you need to ask this question under a different title so that others know it too, okay?
2
Techno01
 
you are clingy lol
I'm saying this just so that others can benefit..
you should know that this is called CSS programming, almost all websites contain CSS code

<html>
<head>
<meta charset="utf-8">
<title>Page</title>
<style type="text/css">
.banner
{
width:100%;
height:160px;
background-color:green;
text-align:left;// you can use right or center instead of left to position the text
}
.text
{
color : #f00;
/*you can invoke colors by 3 methods
1 : The name of the color like purple
2 : Hex notation #FF0000 or #f00
3 : Or by rgb|red green blue| for example rgb(255,0,0)
}
</style>
</head>

<body>
<div class="banner">
<p class="text">Your text</>
</div>
</body>
</html>
2