Création site web
Fermé
Yunah14
Messages postés
4
Date d'inscription
mercredi 28 novembre 2012
Statut
Membre
Dernière intervention
28 novembre 2012
-
28 nov. 2012 à 14:47
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 29 nov. 2012 à 07:15
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 29 nov. 2012 à 07:15
A voir également:
- Création site web
- Création site web - Guide
- Site de telechargement - Accueil - Outils
- Web office - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
5 réponses
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
28 nov. 2012 à 15:59
28 nov. 2012 à 15:59
Salut,
Sans le CSS qui va avec difficile de voir grand chose!
Sans le CSS qui va avec difficile de voir grand chose!
Yunah14
Messages postés
4
Date d'inscription
mercredi 28 novembre 2012
Statut
Membre
Dernière intervention
28 novembre 2012
28 nov. 2012 à 16:46
28 nov. 2012 à 16:46
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;
}
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;
}
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
28 nov. 2012 à 16:48
28 nov. 2012 à 16:48
Que vient faire du Javascript et du HTML dans du CSS?
JayJay08
Messages postés
29
Date d'inscription
vendredi 11 mai 2012
Statut
Membre
Dernière intervention
3 décembre 2012
1
28 nov. 2012 à 16:54
28 nov. 2012 à 16:54
+1
Yunah14
Messages postés
4
Date d'inscription
mercredi 28 novembre 2012
Statut
Membre
Dernière intervention
28 novembre 2012
28 nov. 2012 à 16:55
28 nov. 2012 à 16:55
Javascript et html pour mon bloc Facebook, je ne pense pas que ce soit cela qui bloque...
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
29 nov. 2012 à 07:15
29 nov. 2012 à 07:15
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?
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?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Yunah14
Messages postés
4
Date d'inscription
mercredi 28 novembre 2012
Statut
Membre
Dernière intervention
28 novembre 2012
28 nov. 2012 à 17:43
28 nov. 2012 à 17:43
Pas d'idée alors ? ^^
