28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaiterais ajouter sur la page d'accueil de mon blog une pub adsense de carré et à coté le module facebook qui montre les amis qui sont inscrit sur la page facebook du blog.

Mais mon problème c'est que je n'arrive pas à aligner ces 2 éléments...

Par défaut il se mettre l'un dessus l'autre au lieu de ce mettre sur la même ligne...

Voila l'url de mon blog : http://www.zone-internet.ch/blog/

Est-ce que vous sauriez comment je peux les obliger à ce mettre sur la même ligne ?

Avant j'utilisais un tableau, mais là ce ne fonctionne pas à cause du reste de la mise en forme et c'est de toute façon pas trop propre de faire ainsi...

Merci d'avance pour votre aide ! Smiley biggrin
Modifié par agenceinternet (16 Dec 2010 - 11:18)
Salut,

Dans ton fichier style.css du theme, tu as:


.slide {
float: left;
overflow: hidden;
width: 300px;
}


et

<div class="slide">
pub Google et plugin face de bouc
</div>



il faudrait déjà mettre cette div à la largeur max de ton conteneur featured.

ensuite:

j'ai réussis à tout aligner avec:


<div id="google_ads_div_Zone-Internet_Home_Milieu" [b]style="width: 310px; margin: 0px; padding: 0px; float: left;"[/b]>
....
</div>


et


<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLe-blog-de-Zone-Internet%2F108635439169622&amp;width=250&amp;colorscheme=white&amp;connections=8&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px; [b]float: left;[/b]" allowtransparency="true">


Là c'est pas propre mais cela donne une bonne idée:
1) fixer la largeur à la class "slide" qui doit faire la largeur des cumulée de la pub et de la iframe
2) fixer un largeur, ainsi que margin 0 et padding 0 à la pub google
3) mettre float left à la pub et à la iframe
Hello,

Je pense que cette partie du code CSS te pose problème :
.slide { 
float: left; 
overflow: hidden; 
width: 300px; 
}


width: 300px; ne te laisse pas beaucoup de place disponible en largeur.

Bonne continuation Smiley cligne

EDIT : harf, grillé Smiley langue
Modifié par Riku Asakura (16 Dec 2010 - 10:55)
Merci beaucoup.

Oui effectivement j'ai repris les div d'un des bloc plus haut, mais j'avais pas vu qu'elle faisait que 300 de largeur...

Je vais modifier ca et je vous dit si je réussi a résoudre ce bug.

Merci beaucoup pour votre aide !! Smiley biggrin