PDA

Afficher la version complète : Résolu ! Aide sur 2 code qui s'affiche un en dessous de l'autre dans les notes


Spider-Man
25/07/2010, 16h26
Bonjour à vous voila mon problème c'est que j'est 2 code soit un de facebook et un de twitter mais quand je les inseres dans les notes il s'affiche un en dessous de l'autre.

Donc peut etre que j'est fait une erreur dans la facons de l'inserer mais j'aimerais qu'il s'affiche un a coter de l'autre ;)

Merci à vous si vous avez une solution.

P.S je sait que ya deja des options intégrer a vbulletin mais cela s'applique que si vous avez un profil sur facebook mais moi se sont des pages facebook entreprise donc cela ne s'applique pas .

Voici comment j'est insérer cela


<center><!-- Facebook Badge START --><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Informatique Pour Tous">Informatique Pour Tous</a><br/><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" title="Informatique Pour Tous"><img src="http://badge.facebook.com/badge/136891793008520.1544.1681548883.png" width="120" height="168" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/business/dashboard/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Créez votre propre badge !"></a><!-- Facebook Badge END --><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 2000,
width: 120,
height: 168,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('IPT2010').start();
</script></center>Resultat

14934
karev
25/07/2010, 18h48
tu ajouter ça dans le template "additional.css"


#containerfb
{
width:100%;
padding:5px;
}
.leftdiv{
float:left;
width:50%;
}
.rightdiv{
float:right;
width:50%}et ça tu l'ajoute dans l'endroit ou tu veut afficher ces 2 widget



<div id="containerfb>
<div class="leftdiv">
<!-- Facebook Badge START -->
<a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Informatique Pour Tous">Informatique Pour Tous</a><br/><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" title="Informatique Pour Tous"><img src="http://badge.facebook.com/badge/136891793008520.1544.1681548883.png" width="120" height="168" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/business/dashboard/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Créez votre propre badge !"></a><!-- Facebook Badge END -->
</div>
<div class="rightdiv">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 2000,
width: 120,
height: 168,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('IPT2010').start();
</script>
</div>
</div>
Spider-Man
25/07/2010, 19h11
tu ajouter ça dans le template "additional.css"


#containerfb
{
width:100%;
padding:5px;
}
.leftdiv{
float:left;
width:50%;
}
.rightdiv{
float:right;
width:50%}et ça tu l'ajoute dans l'endroit ou tu veut afficher ces 2 widget



<div id="containerfb>
<div class="leftdiv">
<!-- Facebook Badge START -->
<a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Informatique Pour Tous">Informatique Pour Tous</a><br/><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" title="Informatique Pour Tous"><img src="http://badge.facebook.com/badge/136891793008520.1544.1681548883.png" width="120" height="168" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/business/dashboard/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Créez votre propre badge !"></a><!-- Facebook Badge END -->
</div>
<div class="rightdiv">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 2000,
width: 120,
height: 168,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('IPT2010').start();
</script>
</div>
</div>


Bonjour ummm voici ce que ca donne :swoon1:

14937
karev
25/07/2010, 19h28
désolé remplace ce code css par ceci et fais moi signe

#containerfb { width:100%; padding:0px; } .leftdiv{ float:left; width:49%; } .rightdiv{ float:right; width:49%}
Spider-Man
25/07/2010, 19h48
désolé remplace ce code css par ceci et fais moi signe

#containerfb { width:100%; padding:0px; } .leftdiv{ float:left; width:49%; } .rightdiv{ float:right; width:49%}

Bonjour désolé mais toujours le même résultat :(
Ombre
25/07/2010, 20h02
Bonsoir,

Tu les veux sur la même ligne, mais tu ne précise pas ou, donc commence par ceci;


.div_g {
float:right;
width: 50%;
text-align:center
}
.div_d {
width: 50%;
margin:auto;
}


<div class="div_g"><!-- Facebook Badge START --><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Informatique Pour Tous">Informatique Pour Tous</a><br/><a href="http://www.facebook.com/pages/Lachute-QC/Informatique-Pour-Tous/136891793008520" target="_TOP" title="Informatique Pour Tous"><img src="http://badge.facebook.com/badge/136891793008520.1544.1681548883.png" width="120" height="168" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/business/dashboard/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Créez votre propre badge !"></a><!-- Facebook Badge END --></div>

<div class="div_d">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 2000,
width: 120,
height: 168,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('IPT2010').start();
</script></div>
Spider-Man
25/07/2010, 20h31
.div_g {
float:right;
width: 50%;
text-align:center
}
.div_d {
width: 50%;
margin:auto;
}

Bonjour ombre ses dans les notes que je veux qu'il s'affiche une a coter de l'autre

Pour ce code en citation sa va dans additional.css ???
Spider-Man
25/07/2010, 20h36
Bonjour et merci ombre est-ce possible de les rapprocher un peu plus pcq l'espace entre les 2 est énorme merci

14951
Ombre
25/07/2010, 20h40
Oui c'est possible, tu utilise un style extensible et avoir un centrage parfait avec cette méthode de DIV est délicate, car tu utilise un script javascript qui ne répond pas comme un element HTML.

Si je rapproche les deux element il le seront trop pour des petites résolutions et pas assez pour une plus grande résolution que celle dont tu utilise.

Sinon il est préférable de passer en structure plus stricte comme un tableau.
Spider-Man
25/07/2010, 21h25
Oui c'est possible, tu utilise un style extensible et avoir un centrage parfait avec cette méthode de DIV est délicate, car tu utilise un script javascript qui ne répond pas comme un element HTML.

Si je rapproche les deux element il le seront trop pour des petites résolutions et pas assez pour une plus grande résolution que celle dont tu utilise.

Sinon il est préférable de passer en structure plus stricte comme un tableau.

Ummm ok merci beaucoup pour le moment sa me convient comme ca ;)
Ombre
25/07/2010, 21h28
Sinon patiente, un autre membre peu revoir le code et te proposé une solution plus adapté.