Partage
  • Partager sur Facebook
  • Partager sur Twitter

background

Sujet résolu
    5 octobre 2006 à 15:12:01

    Bonjour, est ce que quelqu'un pourrait m'aider ?
    je voudrais écrire dans ma bande d'herbe ?je vous envoie une image d'une page type que je voudrais fabriquer pour l'instant j'ai réussit à faire le contener principal je n'arrive pas à placer mes différents div où je veux ? j'attends vos conseils où chercher pour trouver ma solution merci beaucoup
    /*Un style universel*/

    * {

    margin: 0;

    padding: 0;

    }

    /*Mon corps*/

    body {

            color: #fff;

            font-family: Century Gothic;

            font-size: 11px;

            text-align: center;

            background-color: #FFF;

            background-image: url();

    }

    div#container {

    margin: 0 auto;

    width: 755px;

    background-color: #FE9903;

    }

    /*Ma tête*/

    #header p {

    font-size: 1em;

    font-weight: bold;

    color: #FFF;

    text-align: left;

    padding: 1em;

    }

    /* Mon menu*/

    div#menu {

    float: left;

    padding: 5px;

    width: 150px;

    }

    #menu ul {

    text-align: left;

    }

    #menu li {

    list-style: none;

    line-height: 3em;

    }

    #menu a {

    font-weight: bold;

    }

    div#sous_menu {
    width: 150px;
    background-color: #fff;
    color: #000;
    }

    div#commentaire {
    width: 512px;
    margin: auto;
    background-color: #fff;
    color: #000;
    text_align: center;
    }
    /*Mon contenu*/

    div#contenu {
    width: 528px;
    overflow: hidden;


    }

    /*Les liens*/

    a:link, a:visited, a:active {

    color: #FFF;

    text-decoration: none;

    }

    a:hover {

    text-decoration: none;

    color: #20A42E;

    }

    /*les autres bien utiles parfois*/

    hr.spacer {

    visibility: hidden;

    clear: both;

    }

    </style>

    et maintenant le code HTML
    <body>

    <div id="container">

    <!--Début de la tête-->

    <div id="header">

      <div align="center"><img src="images/logo-vert.gif" alt="logovert" name="logoVert" width="174" height="84" id="logoVert" />

      </div>

      <p>37 rue Bouret<br />

    75019 Paris<br />

    Tel : 01 40 40 94 10<br />

    Fax : 01 40 40 90 54<br />

    <a href="mailto:contact@aepaysage.com" title="" tabindex="">contact@aepaysage.com</a></p>

    <img src="images/barre.jpg" alt="herbe" width="755" height="20" /></p>

    </div>

    <!--Début du menu-->

    <div id="menu">

      <ul><li><a href="accueil.html" title="" tabindex="" accesskey="">Accueil</a></li>

    <li><a href="agence.html" title="" tabindex="">L'agence</a></li>

    <li><a href="projets.html" title="" tabindex="">Les projets</a></li>

    <li><a href="design.html" title="" tabindex="">Le design </a></li>

    <li><a href="scenograhie.html" title="" tabindex="">La scenographie urbaine </a></li>

    <li><a href="contact.html" title="" tabindex="" accesskey="">Contact</a></li>

    </ul>


    <div id="sous_menu">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. Mauris libero est, consequat eu, tristique non, bibendum a, turpis. Mauris viverra tellus volutpat urna. Donec quis eros. Maecenas lectus enim, consectetuer
    </p>

    </div>
    </div>

    <!--Début du contenu-->

    <div id="contenu">

    <h2>&nbsp;</h2>

    <p>Votre texte d'aceuil G&eacute;n&eacute;ralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a &eacute;t&eacute; modifi&eacute;), le <em>Lorem ipsum</em> ou <em>Lipsum</em> quiqui permet donc de faire office de texte   d'attente. L'avantage de le mettre en latin, c'est que l'op&eacute;rateur sait au   premier coup d'&oelig;il que la page contenant ces lignes n'est pas valide, mais   surtout que l'attention du client n'est pas d&eacute;rang&eacute;e par le contenu et qu'il   demeure concentr&eacute; seulement sur  permet donc de faire office de texte   d'attente. L'avantage de le mettre en latin, c'est que l'op&eacute;rateur sait au   premier coup d'&oelig;il que la page contenant ces lignes n'est pas valide, mais   surtout que l'attention du client n'est pas d&eacute;rang&eacute;e par le contenu et qu'il   demeure concentr&eacute; seulement sur l'aspect graphique.qui permet donc de faire office de texte   d'attente. L'avantage de le mettre en latin, c'est que l'op&eacute;rateur sait au   premier coup d'&oelig;il que la page contenant ces lignes n'est pas valide, mais   surtout que l'attention du client n'est pas d&eacute;rang&eacute;e par le contenu et qu'il   demeure concentr&eacute; seulement sur </p>
    <div id="commentaire">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio.
    </p>
    </div>
    </div>

    <hr class="spacer" />
    <!--Début du footer-->

    <div id="footer">Copyright &copy; 2006 <a href="http://www.alyzes.com" title="" tabindex="" hreflang="fr">A&amp;P-Design</a> Tous droits reserv&eacute;<br />

    Graphisme, Web design, conception et cr&eacute;ation de site Web - A&amp;P-Design.France</div>

    </div>

    </body>
    • Partager sur Facebook
    • Partager sur Twitter

    background

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown