Html
luc48
Messages postés
82
Date d'inscription
Statut
Membre
Dernière intervention
-
garion28 Messages postés 1545 Date d'inscription Statut Membre Dernière intervention -
garion28 Messages postés 1545 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je mes mon titre sur ma bannières sur mon site web et j'écris "Bienvenus sur le site" et quand je regarde mon site c'est écris "bienvenus sur le site" sans majuscule ?
Comment faire ?
Cordialement luc48
Comment faire ?
Cordialement luc48
A voir également:
- Html
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
10 réponses
Bonjour,
Il nous faut plus de précision. Ou est-ce que tu écris exactement ? Dans la balise <title> ?
Il nous faut plus de précision. Ou est-ce que tu écris exactement ? Dans la balise <title> ?
code html ;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>L'univers des pigeons de race</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="logo">
<h1><a href="#">L'univers des pigeons de race</a></h1>
<!-- <p><em>kkkkkkkkk</em></p> -->
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="lesrace.html">Les Race</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" id="search-text" size="15" />
<input type="submit" id="search-submit" value="GO" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhvv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv</p>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2009/2010 L'univers des pigeons de race. Tous droit reserve.</p>
</div>
<!-- end #footer -->
</body>
</html>
Code css :
body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.gif) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8A8A8A;
}
h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #549900;
}
h1
{ font-size: 44px;
color: black;
}
h2 { font-size: 18px; }
h3 { }
p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}
ul, ol { }
blockquote { }
a { color: #961A06; }
a:hover { text-decoration: none; }
a img {
border: none;
}
img.left {
float: left;
margin: 7px 30px 0 0;
}
img.right {
float: right;
margin: 7px 0 0 30px;
}
hr { display: none; }
.list1 {
}
.list1 li {
float: left;
line-height: normal;
}
.list1 li img {
margin: 0 30px 30px 0;
}
.list1 li.alt img {
margin-right: 0;
}
#wrapper {
}
/* Header */
#header-wrapper {
}
#header {
width: 940px;
height: 36px;
margin: 0 auto;
}
/* Menu */
#menu {
float: left;
width: 680px;
height: 36px;
background: url(images/img02.jpg) no-repeat left top;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
display: block;
float: left;
}
#menu a {
display: block;
float: left;
width: 140px;
height: 22px;
padding: 10px 0px 0px 0px;
background: url(images/img04.gif) no-repeat left top;
text-decoration: none;
text-align: center;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
background: url(images/img03.gif) no-repeat left top;
text-decoration: none;
}
#menu .current_page_item a {
background: url(images/img03.gif) no-repeat left top;
}
#menu .first {
}
/* Search */
#search {
float: right;
width: 260px;
}
#search form {
float: right;
margin: 0;
padding: 4px 0px 0 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
}
#search-text {
width: 200px;
height: 18px;
padding: 3px 0 0 5px;
border: 1px solid #333333;
background: #ECF9E4;
color: #000000;
}
#search-submit {
height: 21px;
margin-left: 10px;
padding: 0px 5px;
background: #5AA01B;
color: #FFFFFF;
}
/* Page */
#page {
width: 940px;
margin: 0 auto;
padding: 40px 0px 0px 0px;
}
/** LOGO */
#logo {
width: 940px;
height: 94px;
margin: 0 auto;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
margin-top: -4px;
text-transform: lowercase;
font-size: 13px;
color: #FFA25D;
}
#logo h1 {
padding-top: 10px;
font-size: 48px;
}
#logo a {
text-decoration: none;
color: #FFA25D;
}
#logo h1 a {
text-decoration: none;
color: #FFFFFF;
}
#banner {
padding-bottom: 20px;
}
/* Content */
#content {
float: left;
width: 670px;
}
/* Post */
.post {
margin-bottom: 45px;
}
.post .title {
height: 44px;
padding-left: 15px;
color: #FFFFFF;
}
.post .title a {
text-decoration: none;
text-transform: capitalize;
font-size: 30px;
color: #543A2C;
}
.post .date {
}
.post .meta {
height: 32px;
margin-left: 2px;
padding: 4px 30px 2px 15px;
background: url(images/img05.gif) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #66665E;
}
.post .meta span {
display: block;
margin-top: -10px;
}
.post .meta a { }
.post .entry {
padding: 10px 15px;
}
.post .links {
}
.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img06.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img06.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
.post .comments {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img07.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
/* Sidebar */
#sidebar {
float: right;
width: 240px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 30px;
padding: 0 0 10px 0px;
}
#sidebar li ul {
margin: 0px 14px;
}
#sidebar li li {
margin: 0;
padding: 12px 0px;
border-bottom: 1px solid #E9E8DD;
background: url(images/img08.gif) no-repeat left 18px;
}
#sidebar li li a {
padding: 0px 0px 0px 20px;
font-weight: normal;
color: #EB5716;
}
#sidebar li li a:hover {
color: #EB5716;
}
#sidebar p {
margin: 0;
padding: 0px 14px;
}
#sidebar h2 {
height: 30px;
margin: 0 0 10px 0px;
padding: 6px 0 2px 14px;
background: url(images/img05.gif) repeat-x left top;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #543A2C;
}
#sidebar p {
line-height: 200%;
}
#sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
}
/* Calendar */
#calendar {
}
#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}
#calendar table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #24130F;
border-left: 1px solid #24130F;
border-right: 1px solid #24130F;
}
#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
background: #24130F;
}
#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}
#calendar tfoot td {
padding: 5px;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}
#calendar tfoot #next {
border-top: 1px solid #24130F;
text-align: right;
}
#calendar tfoot #prev {
border-top: 1px solid #24130F;
}
#calendar .pad {
border-bottom: 1px solid #24130F;
}
#calendar #today {
background: #24130F;
}
/* Footer */
#footer {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 0;
background: url(images/img02.gif) repeat-x left top;
}
#footer-bgcontent {
}
#footer p {
margin: 0;
padding: 30px 0px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #7B1605;
}
#footer a {
color: #961A06;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>L'univers des pigeons de race</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="logo">
<h1><a href="#">L'univers des pigeons de race</a></h1>
<!-- <p><em>kkkkkkkkk</em></p> -->
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="lesrace.html">Les Race</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" id="search-text" size="15" />
<input type="submit" id="search-submit" value="GO" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhvv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhv</p>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2009/2010 L'univers des pigeons de race. Tous droit reserve.</p>
</div>
<!-- end #footer -->
</body>
</html>
Code css :
body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.gif) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8A8A8A;
}
h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #549900;
}
h1
{ font-size: 44px;
color: black;
}
h2 { font-size: 18px; }
h3 { }
p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}
ul, ol { }
blockquote { }
a { color: #961A06; }
a:hover { text-decoration: none; }
a img {
border: none;
}
img.left {
float: left;
margin: 7px 30px 0 0;
}
img.right {
float: right;
margin: 7px 0 0 30px;
}
hr { display: none; }
.list1 {
}
.list1 li {
float: left;
line-height: normal;
}
.list1 li img {
margin: 0 30px 30px 0;
}
.list1 li.alt img {
margin-right: 0;
}
#wrapper {
}
/* Header */
#header-wrapper {
}
#header {
width: 940px;
height: 36px;
margin: 0 auto;
}
/* Menu */
#menu {
float: left;
width: 680px;
height: 36px;
background: url(images/img02.jpg) no-repeat left top;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
display: block;
float: left;
}
#menu a {
display: block;
float: left;
width: 140px;
height: 22px;
padding: 10px 0px 0px 0px;
background: url(images/img04.gif) no-repeat left top;
text-decoration: none;
text-align: center;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
background: url(images/img03.gif) no-repeat left top;
text-decoration: none;
}
#menu .current_page_item a {
background: url(images/img03.gif) no-repeat left top;
}
#menu .first {
}
/* Search */
#search {
float: right;
width: 260px;
}
#search form {
float: right;
margin: 0;
padding: 4px 0px 0 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
}
#search-text {
width: 200px;
height: 18px;
padding: 3px 0 0 5px;
border: 1px solid #333333;
background: #ECF9E4;
color: #000000;
}
#search-submit {
height: 21px;
margin-left: 10px;
padding: 0px 5px;
background: #5AA01B;
color: #FFFFFF;
}
/* Page */
#page {
width: 940px;
margin: 0 auto;
padding: 40px 0px 0px 0px;
}
/** LOGO */
#logo {
width: 940px;
height: 94px;
margin: 0 auto;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
margin-top: -4px;
text-transform: lowercase;
font-size: 13px;
color: #FFA25D;
}
#logo h1 {
padding-top: 10px;
font-size: 48px;
}
#logo a {
text-decoration: none;
color: #FFA25D;
}
#logo h1 a {
text-decoration: none;
color: #FFFFFF;
}
#banner {
padding-bottom: 20px;
}
/* Content */
#content {
float: left;
width: 670px;
}
/* Post */
.post {
margin-bottom: 45px;
}
.post .title {
height: 44px;
padding-left: 15px;
color: #FFFFFF;
}
.post .title a {
text-decoration: none;
text-transform: capitalize;
font-size: 30px;
color: #543A2C;
}
.post .date {
}
.post .meta {
height: 32px;
margin-left: 2px;
padding: 4px 30px 2px 15px;
background: url(images/img05.gif) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #66665E;
}
.post .meta span {
display: block;
margin-top: -10px;
}
.post .meta a { }
.post .entry {
padding: 10px 15px;
}
.post .links {
}
.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img06.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img06.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
.post .comments {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: url(images/img07.gif) no-repeat left top;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #961A06;
}
/* Sidebar */
#sidebar {
float: right;
width: 240px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 30px;
padding: 0 0 10px 0px;
}
#sidebar li ul {
margin: 0px 14px;
}
#sidebar li li {
margin: 0;
padding: 12px 0px;
border-bottom: 1px solid #E9E8DD;
background: url(images/img08.gif) no-repeat left 18px;
}
#sidebar li li a {
padding: 0px 0px 0px 20px;
font-weight: normal;
color: #EB5716;
}
#sidebar li li a:hover {
color: #EB5716;
}
#sidebar p {
margin: 0;
padding: 0px 14px;
}
#sidebar h2 {
height: 30px;
margin: 0 0 10px 0px;
padding: 6px 0 2px 14px;
background: url(images/img05.gif) repeat-x left top;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #543A2C;
}
#sidebar p {
line-height: 200%;
}
#sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
}
/* Calendar */
#calendar {
}
#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}
#calendar table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #24130F;
border-left: 1px solid #24130F;
border-right: 1px solid #24130F;
}
#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
background: #24130F;
}
#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}
#calendar tfoot td {
padding: 5px;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}
#calendar tfoot #next {
border-top: 1px solid #24130F;
text-align: right;
}
#calendar tfoot #prev {
border-top: 1px solid #24130F;
}
#calendar .pad {
border-bottom: 1px solid #24130F;
}
#calendar #today {
background: #24130F;
}
/* Footer */
#footer {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 0;
background: url(images/img02.gif) repeat-x left top;
}
#footer-bgcontent {
}
#footer p {
margin: 0;
padding: 30px 0px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #7B1605;
}
#footer a {
color: #961A06;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bet sur ma bannières marron il y a le titre ''L'univers des pigeons de race'' mes la premières lettre n'en pas en majuscule et je voudrais la mettre en majuscule
la sa marche, mes le problèmes est que je peu pas le laisser comme sa la j'ai plus de design
Alors je vais comment
Alors je vais comment