28173 sujets

CSS et mise en forme, CSS3

Espacer 2 images

Bonjour a tous ,

je suis desolé de poser cette question, mais voila :

je bute sur une chose toute bête, comment faire un espace entre deux images, quelle specification utiliser ou balise?


j'ai dans mon css



.images {
            position: absolute;
            margin-top: 850px;
            margin-left: 50px;
}



et dans le html:


div class="images">
           <img src=" etc............">
           <img src=" etc............"></div>


elles sont donc placées cote à cote je veu les espacées , comment faire?

Merci beaucoup.
Modifié par BUTTERFLY (27 Jun 2007 - 16:56)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Slt,

Ca doit marcher en mettant une class à ta première image, avec un petit margin-right: XX px... voilà ^^

Ciao...
Salut bab, oui biensure en rajoutant une classe ca marchera, mais j aimerais respecter une certaine legerte et clareté.

je me suis plonger dans le livre CSS2 aux "editions eyrolles"
par "Raphael Goetter".

Celon son ouvrage je site < trop de DIV tue le DIV >

En bref j aimerai trouver l'astuce qui va me permettre de separe mes image en les gardant sur la meme ligne en CSS biensure .

Merci encore
Bonjour

La classe .images s'appliquant à <div> c'est elle qui se positionnera selon tes indications de marges. Pour l'instant rien dans ton code ne spécifie de comportement particulier à affecter aux images. C'est peut-être de ce côté-là qu'il faut chercher... Smiley cligne
Et un passage par float ? perso je positionne mes divs côte à côte grace à cela ... Après voir si c'est la bonne solution... En tout cas ca marche sur opéra,FF,ie6 et 7,Safari PC(oui je sais c'est une béta).

Rude
Re, merci nico pour ta reponse, j ai tester mes le souci c'est que ca me decale mes autre images alors ca ne va pas.

mais je fouine, je veu juste arriver a un espace style </ br> pour les ecarter ....ou alors un truc avec <spacing> je ne sais pas

La je remet mon site a la norme avec CSS et je tatone .

????
BUTTERFLY a écrit :
mes le souci c'est que ca me decale mes autre images


C'est pas ce à quoi tu voulais arriver? Tu as deux images côte à côte et tu aimerais décaler celle de droite pour créer un espace entre les deux non? Donne nous un lien ou une image sinon pour qu'on puisse visualiser ce que tu veux.
oui pardon ,

je veux faire un espace entre deux image cote a cote ca ok

donc en faisant :
 img { margin-right: x px;}


ca marche , pour celle de mon div .image

mais ca influx egallement pour les autre image placées plus haut dans la page tu comprend?
oui c'est pour ca que j'avais ciblé seulement les images contenues dans un élément comportant la classe 'image' :
[b].image[/b] img { ... }
Bonjour,

Le plus facile serait que tu nous donnes un lien vers une page en ligne reproduisant ce cas de figure Smiley cligne
Modifié par Igor (28 Jun 2007 - 17:10)
BUTTERFLY a écrit :
Alors en effet en faisant comme ca j ai tester aussi mais la il ne se passe rien .


Alors c'est soit une erreur de syntaxe, soit une autre règle CSS qui prime sur celle-là. Sans ton code css ou mieux une page en ligne, difficile de t'aider d'avantage.
Sujet clos
Aller à