Création site web

Yunah14 Messages postés 4 Statut Membre -  
tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour je souhaite créer un site web, sauf qu'avec mon code je n'arrive pas a aligner ma barre de menus et mon contenu...

Voici mon code (y voyez-vous des erreurs ?)

<div id="container" class="altcolor">
<div id="wrapper">
<div id="header">
<div id="header_wrapper" class="altcolor"><img src="jigsaw-saw-14576950-470-312.jpg" alt="" /></div>
</div>
<div class="c"></div>
<div id="content">
<div class="gutter"><var>content</var></div>
</div>
<div id="sidebar">
<div id="navigation"><var>navigation[1|2|3]</var></div>
<div id="sidebar_content"><var>sidebar</var></div>
</div>
</div>
<div class="c"></div>
<div id="footer">
<div class="gutter"><var>footer</var></div>
</div>
<div class="c"></div>
</div>

5 réponses

  1.
    tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
     
    Salut,

    Sans le CSS qui va avec difficile de voir grand chose!
    0
  2. Yunah14 Messages postés 4 Statut Membre
     
    Voici que voila :)

    body {
    margin: 0;
    padding: 0;
    }
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    .altcolor {
    background-color: #f00|:bg_color1|:;
    }

    /* Container */

    div#container {
    margin: 0 auto;
    width: 940px;
    background-image: url(5688097-taches-de-sang-splattered-sur-un-fond-blanc.jpg);
    background-repeat: repeat-y;
    background-position: 239px 0;
    }

    /* Header */

    div#header {
    position: relative;
    padding-bottom: 40px;
    background: #ff0;
    zoom: 1;
    }
    div#header_wrapper {
    padding-top: 20px;
    }

    div#emotion-header {
    position: relative;
    }
    div#emotion-header strong#emotion-header-title {
    position: absolute;
    top: 0;
    left: 0;
    }
    <div class="fb-like-box" data-href="https://www.facebook.com/HorreurMovies" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

    /* Content */

    div#content {
    width: 700px;
    float: right;
    background: #000;
    }
    div#content div.gutter {
    padding: 0 250px;
    }

    /* Sidebar */

    div#sidebar {
    width: 239px;
    float: left;
    padding: 0 0 40px 0;
    }

    div#jimdobox {
    margin-bottom: 20px;
    }

    /* Navigation */

    div#navigation {
    margin: 0 0 20px;
    padding: 0 0 30px;
    background: url(1001-navigation_bg.gif) repeat-x 0 100%;
    }

    ul.mainNav1 {
    margin: 0;
    padding: 1px 0 0;
    list-style: none;
    background: url(1001-dots.gif) repeat-x;
    }
    ul.mainNav1 li {
    width: 239px;
    }
    ul.mainNav1 li a {
    font-weight: bold;
    display: block;
    width: 219px;
    padding: 5px 10px;
    background: url(1001-dots.gif) repeat-x 0 100%;
    background-color: #ff0 !important;
    text-align: right;
    text-decoration: none;
    }
    ul.mainNav1 li a:hover, ul.mainNav1 li a.current {
    background: transparent !important;
    color: #ff0;
    }
    ul.mainNav2 {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    ul.mainNav2 li a {
    padding: 5px 30px 5px 10px;
    width: 199px;
    }
    ul.mainNav3 {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    ul.mainNav3 li a {
    padding: 5px 50px 5px 10px;
    width: 179px;
    }

    div#sidebar_content {
    margin: 0 0 20px;
    padding: 0 20px;
    }

    /* Footer */

    div#footer {
    width: 700px;
    margin-left: 240px;
    }
    div#footer div.gutter {
    background: url(1001-dots.gif) repeat-x;
    background-color: #fff;
    float: left;
    width: 660px;
    padding: 10px 20px;
    }

    br.c {
    display: block;
    }
    0
  3. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
     
    Que vient faire du Javascript et du HTML dans du CSS?
    0
    1. JayJay08 Messages postés 30 Statut Membre 1
       
      +1
      0
  4. Yunah14 Messages postés 4 Statut Membre
     
    Javascript et html pour mon bloc Facebook, je ne pense pas que ce soit cela qui bloque...
    0
    1. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
       
      Est ce que ça a une incidence sur code, je ne sais pas mais ce n'est pas leurs places. Pour résoudre un problème, il faut déjà commencer par avoir un code propre.
      Quand vous dites :"..je n'arrive pas a aligner ma barre de menus et mon contenu", c'est à dire? Vous voulez faire quoi précisément?
      Ce code, vous l'avez écrit ou pompé autre part?
      0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Yunah14 Messages postés 4 Statut Membre
     
    Pas d'idée alors ? ^^
    0