Discussion :

[micahz]

Bonsoir,

dans un conteneur (footer Wordpress) je tente et j'ai réussi (à ma façon) d'y intégrer deux images, une du coté gauche et une autre du coté droit
Un petit visuel :



la partie css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.nuage
{ 
position: absolute;
left: 75px;
}
 
.nuage2
{ 
position: absolute; 
right: 75px;
}

Adresse : www.dclic-services.fr

Le problème c'est que les nuages ne sont pas "responsive" si je puis dire et que suivant les résolutions d'écrans (tester sur mes autres postes), ils sont soit trop a gauche ou soit trop a droite et vice et versa.

ce que j'aimerais c'est qu'il puissent s'adapter au footer donc au conteneur suivant les résolutions d'écran qui les lisent.
Mais le problème c'est que seul, je n'y arrive pas, malgré mes recherches ...

J'espère avoir des explication sur ma grosse erreur, là je sèche ...

[rodolphebrd]

Bonjour,

Et avec des valeurs en pourcentage ?

[micahz]

dans les deux cas mes "nuage" ne sont pas alignées aux cotés du conteneur ... Soit trop a gauche ou soit trop a droite ...

[rodolphebrd]

Et un lien vers la page en question.

[micahz]

excusez moi, le lien est : www.dclic-services.fr

Normalement le site est en "maintenance mode", je les désactivé pour que vous puissiez y accéder.

Aussi je pense m'être tromper dans le positionnement de la div mais je n'en suit pas sûr

[rodolphebrd]

Pourquoi ne pas mettre les nuages (avec le ciel) dans un fichier image et le placer en background ?

[Bisûnûrs]

Je n'arrive pas à savoir, avec ton explication, où tu veux que les nuages se positionnent exactement. Tu veux qu'ils restent dans le fond bleu ? Qu'ils soient positionnés au bord du navigateur ?

[Bovino]

Tout à fait, ce type d'image, c'est plutôt prévu pour du background que pour une balise image car elles servent juste à la déco et ne portent aucune information...

Voir aussi du côté des backgrounds multiples.

[micahz]

Je n'arrive pas à savoir, avec ton explication, où tu veux que les nuages se positionnent exactement. Tu veux qu'ils restent dans le fond bleu ? Qu'ils soient positionnés au bord du navigateur ?

oui je voudrais qu'ils restent sur le fond bleu aux deux extrémités l'une a gauche et l'autre a droite. Pourquoi ne pas avoir utilisé background ? parce que en l'utilisant je ne voyais plus mes images ...

Bovino

Merci pour l'info, je vais voir ça de suite !

Pourquoi ne pas mettre les nuages (avec le ciel) dans un fichier image et le placer en background ?

C'est une excellente idée ! Le problème c'est que si je fais ça, je vais vivre avec ce problème dans la tête jusqu'à mes derniers jours d'existence sur terre (vous comprenez surement) je préfère plus tôt tout essayer avant.

[micahz]

je viens de trouvé, finalement la meilleur solution est celle donner par BOVINO.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.nuage
{ 
    position:relative;
    height: 120px;
    background:url("http://dclic-services.fr/wp-content/uploads/2014/05/cloud.png") left no-repeat, url("http://dclic-services.fr/wp-content/uploads/2014/05/cloud2.png") right no-repeat;
 
 
}

Merci à tous !

bye.