CSS encore et toujours

Fermé
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015 - 20 juil. 2009 à 10:18
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015 - 20 juil. 2009 à 12:17
Bonjour,

Voici mon problème,
Je ne suis pas ultra novice en CSS pourtant je rencontre une difficulté:

1 ère difficulté : Il me faudrais pouvoir positionner plusieurs images sur ma page plus exactement il faudrais que j'ai 3 images l'une dérrière l'autre sur la mème ligne puis en dessous 2 autre images. Sachant que je ne veut pas que cela soit un tableau.

2éme difficulté: Mes 5 images sont les mêmes cependant je veut écrire sur chacune d'entre elles un titre.
Il faut donc que je puisse écrire dessus. En gros une sorte de backgroung.

Merci pour votre aide si vous avez besoin de précision ou d'explication peut être plus clair je suis là ;)

25 réponses

vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 10:25
Un petit montage sous paint me semble peut-être adapté?

Cordialement
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 10:30
Oui cela est très envisageable pour ma 2éme difficulté cependant je suis en stage et mon maitre de stage veut que je fasse comme ceci donc ....

Sinon pour le positionnement j'ai également reussi à mettre 4 images à la suite puis une en dessous grâce à des float left et à la largeur de ma page en effet ma dernière images et elle aussi en float left met comme la largeur de la page est tro petite celle-ci va à la ligne. Il faut juste que je sache comment forcés une image à ce positionner en dessous d'autres.
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 10:30
Olalalalala de dit pas de bêtise malheureux vlar ! ^^

Le css c'est MIEUX !
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 10:31
Oui le CSS c'est mieu mais c'est parfois plus chiant lorsque l'on veut faire les choses bien ;)
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 10:32
il suffil d'utiliser "z-index"
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 10:34
Je ne dis pas de bétises, chacun fais comme il veut/peut...

Je en vois pas d'inconvénient majeur à utiliser paint plutot que le css pour plusieurs images (mise a part son obligation, pour son stage ---> dailleurs il attends une réponse on t'écoute...)

Cordialement
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 10:37
Merci je ne connaissait pas cette propriété après avoir regardé rapidement avec notre ami google cela pourrait peut être fonctionner.

Une idée pour le positionnement?
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 10:38
Ah ba je C pas moi : si tout est dit par son mêtre alors ... pk creer un topic ?

et puis si tu veu changer la place d'une image d'un pixel avec le css : Hop sa roule alors que paint ...

0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 10:40
le positionemment bah :

Top/bottom, Left/right ?
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 10:59
Ben left, right on est OK avec un float mais par exemple float: bottom left; cela n'est pas possible
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 11:12
"et puis si tu veux changer la place d'une image d'un pixel avec le css : Hop sa roule alors que paint ... "

ATTENTION : J'ai proposé paint pour le montage des 4 images, le CSS est primordial pour appeler l'image unique c'est certain et incontestable.

Ainsi si tu veux décaler d'un pixel tu le fais une fois dans le css tandis que sans paint tu le fais 4 fois pour 4 images.

Yek yek yek, je ne dis donc pas de bêtises sur ce coup la hehe. (et toi non plus ;-)

Bien cordialement
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:12
chépa moi je fait

z-index:[ce que tu veu]; position:absolute; top:[ce que tu veu]; left:[ce que tu veu]
z-index:[ce que tu veu]+1; position:absolute; top:[ce que tu veu]; left:[ce que tu veu]
z-index:[ce que tu veu]+2; position:absolute; top:[ce que tu veu]; left:[ce que tu veu]

etc

après suivant ce que vous avez envie de faire
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:21
Pour écrire sur l'image je viens de resoudre la problème avec ceci :

CSS:
#monimage1 {
background: url(monimage.gif) no-repeat;
width: nn;
height: mm;

HTML:
<div id="monimage1">Mon texte sur l'image</div>

Pour le positionnement des images toujours pas trouvé ou compris ;).
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621 > druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:23
Très bonne astuce!!!
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:14
ATTENTION : J'ai proposé paint pour le montage des 4 images, le CSS est primordial pour appeler l'image unique c'est certain et incontestable. 


il n'est jamais interdis de metre une div
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:16
scuzme ^^ : vrai message :

ATTENTION : J'ai proposé paint pour le montage des 4 images, le CSS est primordial pour appeler l'image unique c'est certain et incontestable. 

Ainsi si tu veux décaler d'un pixel tu le fais une fois dans le css tandis que sans paint tu le fais 4 fois pour 4 images. 


il n'est jamais interdis de metre une div
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 11:18
Ah non ce n'est pas interdit, puisque c'est possible !!

De tte façon je suis HS puisqu'il doit faire avec ta technique très instructive du reste.

Bien cordialement
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:22
Voici mon problème, 
Je ne suis pas ultra novice en CSS pourtant je rencontre une difficulté:


pourquoi pas :

Voici mon problème, 
Je ne suis pas ultra novice en paint pourtant je rencontre une difficulté:


?
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:27
Il y a comme un conflit j'ai l'impression :(
Arétez de vous critiquer toute les idées sont bonnes à prendre pour ma part.
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 11:28
Tu veux vraiment avoir raison : mais druidou a tranché en me répondant : "Oui cela est très envisageable pour ma 2éme difficulté cependant je suis en stage et mon maitre de stage veut que je fasse comme ceci donc .... "

Et vu que comme tu le dis si bien il n'est pas novice en CSS et qu'il admet la possibilité d'utilisation de paint,

En plus tu es tout jeune sur le forum, il faut donc respecter les anciens même si la réponse n'était pas adaptée ;-)

0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:29
Top la ;)
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:33
Bon j'aime mieu :)
C'est bien de faire la paix ;)
Sinon pour le positionnement une solution?
Pour vous résumer la disposition je voudrais:

Image Image Image
Image Image

Tout ça écrit proprment en CSS bien sur ;)
0
vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
20 juil. 2009 à 11:34
Comme j'ai dit versus pas d'amertume dans mes propos, et merci pour les tips !!!

Cordialement
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:37
tu peu pas faire comme ça pour décrir stp :) :

img 1 img 2 img 3
img 4 img 5

img2 par dessous img1 img3 par dessus img2 ....
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:40
Je ne veut aucune image l'une au dessus d'une autre ce que je voulais au dessus c'était le texte mais j'ai trouvé la soluce pour ça ;) voila ce que j'ai fait :
CSS:
#monimage1 {
background: url(monimage.gif) no-repeat;
width: nn;
height: mm;

HTML:
<div id="monimage1">Mon texte sur l'image</div>

Sinon pour le positionnement je veut juste qu'elle soit disposé comme ceci:

Image1 Image2 Image3
Image4 Image5

Quelque chose de tout bête mais que je n'arrive pas à faire :(
0
Versus92 Messages postés 133 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 4 novembre 2009 1
20 juil. 2009 à 11:42
ta essayé top/left ?

paskeu j'en voi ausin dans ton code :(
0
druidou59 Messages postés 85 Date d'inscription mardi 18 juillet 2006 Statut Membre Dernière intervention 15 mai 2015
20 juil. 2009 à 11:46
Top ne peut pas être utilisé avec un float comment fait-tu?
Pour le moment pour positionner mes images j'ai mis un float left sur chacune mais avec la largeur de ma page je me retrouve avec cela :
Image1 Image2 Image3 Image4
Image5
0