Bonjour à tous,
je viens vers vous parce que je suis bloqué pour un site que je dois réaliser assez rapidement j'espère que vous pourrez m'aider. Je tiens à préciser que je suis infographiste de base et que je ne suis pas encore très bon en webdesign alors j'ai surement fait des erreurs stupides mais jusqu'à maintenant pas moyen de les réparer.
(Le site que je dois réaliser est responsive donc j'ai utilisé Initialzer pour avoir le code de base)
Je m'explique, le site à réaliser doit avoir une image en bas de page (dans le footer) plus une autre qui colle le côté droit de l'écran et pas moyen d'y arriver.
J'ai commencé par fusionner ces 2 images en une avec photoshop puis j'ai mis l'image dans le footer et elle se plaçait toujours mal, j'ai donc utilisé la balise position:absolute sauf que depuis mon image se place toujours au dessus du reste du site (comme la partie gauche est transparente on peut voir le site mais impossible de cliquer ou que ce soit et en faisant un clique droit n'importe ou je peux enregistrer le background)
J'ai donc essayé de mettre les 2 images séparément mais là pour celle d'en bas aucun problème, mais impossible de placer correctement l'autre à droite de l'écran...
Voilà je sais pas si j'ai été assez clair c'est la première fois que je viens demander de l'aide sur un forum mais je ne m'en sors pas
Une copie de mes codes qui posent problème:
<div class="footer-container">
<footer class="wrapper">
<img src="../Site Ice-Kimo/Background5.png" width="100%" height="100%">
</footer>
</div>
.footer-container footer {
position:absolute;
bottom:0px;
color: white;
}
Merci d'avance !
je viens vers vous parce que je suis bloqué pour un site que je dois réaliser assez rapidement j'espère que vous pourrez m'aider. Je tiens à préciser que je suis infographiste de base et que je ne suis pas encore très bon en webdesign alors j'ai surement fait des erreurs stupides mais jusqu'à maintenant pas moyen de les réparer.
(Le site que je dois réaliser est responsive donc j'ai utilisé Initialzer pour avoir le code de base)
Je m'explique, le site à réaliser doit avoir une image en bas de page (dans le footer) plus une autre qui colle le côté droit de l'écran et pas moyen d'y arriver.
J'ai commencé par fusionner ces 2 images en une avec photoshop puis j'ai mis l'image dans le footer et elle se plaçait toujours mal, j'ai donc utilisé la balise position:absolute sauf que depuis mon image se place toujours au dessus du reste du site (comme la partie gauche est transparente on peut voir le site mais impossible de cliquer ou que ce soit et en faisant un clique droit n'importe ou je peux enregistrer le background)
J'ai donc essayé de mettre les 2 images séparément mais là pour celle d'en bas aucun problème, mais impossible de placer correctement l'autre à droite de l'écran...
Voilà je sais pas si j'ai été assez clair c'est la première fois que je viens demander de l'aide sur un forum mais je ne m'en sors pas
Une copie de mes codes qui posent problème:
<div class="footer-container">
<footer class="wrapper">
<img src="../Site Ice-Kimo/Background5.png" width="100%" height="100%">
</footer>
</div>
.footer-container footer {
position:absolute;
bottom:0px;
color: white;
}
Merci d'avance !