Html css supprimer des espaces. Fermé

Question

Bonjour,  

Après de multiples recherches sur google et aux autres forums j'en reviens à vous. 

J'ai créé un site web, il fonctionne de la manière suivante : lorsque l'on survole l'image, une autre image avec du texte apparaît à côté avec du texte à l'intérieur. Ça  ressemble un peu au concept des infobulles. Mais mon problème n'est pas vraiment à ce niveau mais il en découle. Quand l'image est survolée  ça décale toutes mes autres images mais aussi ça alignent verticalement alors que j'aimerais qu'elles soient côte à côte. 

Imprim écran de mon problèmes 
http://www.hostingpics.net/viewer.php?id=325255SansSurvol.png 
http://www.hostingpics.net/viewer.php?id=644843survol.png 


Si vous avez besoin de mon code je vous l'enverrais. 

Je vous remercie d'avance. 
Et bon week-end. 



Configuration: Windows 7 / Firefox 12.0

scriptiz · Answer

En CSS :

float:left; 
float:right; 

clear:both;

etc... fouille un peu sur Google tu trouveras un ou deux petits tutos sur les float :)

wish-heavenly · Answer

Je vais essayer ceci, merci .

scriptiz · Answer

Avec le float, ça ne ferais plus descrendre tes menus car ça "flotterait" à droite.

Donc soit tu met tes menus dans un grand div sur lequel tu met un float:left;

Soit tu met ton cadre qui apparait au survol dans un grand div avant tes menus dans le code html et tu met dessus un float:right; (moi je ferais comme ça).

ensuite si tu veux par exemple faire un footer mais que tu ne veux pas qu'il se retrouve à droite des menus, tu peux mettre sur ce footer un clear:both; pour annuler tout effet de float précédent.

Html css supprimer des espaces.

3 réponses

Discussions similaires