Html

luc48 -  
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
Configuration: Windows Vista / Safari 532.5

10 réponses

  1.  Utilisateur anonyme
    Bonjour,
    Il nous faut plus de précision. Ou est-ce que tu écris exactement ? Dans la balise <title> ?
    0
    1. luc48 Auteur
      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;
      }
      0
      1. garion28
        il n'y a pas écrit de "bienvenue sur le site" dans ton code
        0
        1. luc48 Auteur
          nn ses : L'univers des pigeons de race: psk j'ai changer dsl
          0
          1. samgunsjovirow Modérateur
            Euh...alors c'est quoi maintenant le problème?
            0
        3. luc48 Auteur
          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
          0
          1. garion28
            c'est surement dans le css
            enleve ca pour voir (au niveau de h1,h2,h3): text-transform: uppercase;
            0
            1. luc48 Auteur
              ses pareil, sa change pas !
              0
              1. garion28
                essaye en enlevant carrément la référence a la page css dans ton html
                0
                1. luc48 Auteur
                  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
                  0
                  1. Utilisateur anonyme
                    On a vraiment du mal à te comprendre... Essaye de t'exprimer clairement stp.
                    0
                2. garion28
                  le problème se trouve dans ta page css, il doit y avoir un attribut qui enleve les majuscules

                  essaye en enlevant:
                  text-transform: lowercase;

                  puis si ca ne marche pas tu enleve
                  text-transform: capitalize;

                  normalement ca devrai etre le lowercase qui met tout en minuscule
                  0

                  Discussions similaires

                  Apache2 accès à autre que /var/www/html/index.html
                  merithes

                  3 réponses
                  Analyser éléments js d'une page web ?
                  Angstrom82

                  7 réponses
                  Saut de lignes sans <br/>
                  Rapi-shiny

                  13 réponses
                  Petit saut de ligne en HTML
                  Aurore

                  2 réponses
                  Faire passer du texte SOUS une image HTML / CSS
                  Mihai

                  2 réponses