Attacher une image au bas de la page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Attacher une image au bas de la page

Message par Gazzia29 le Mar 29 Mai 2012 - 20:46

J'essaye d'attacher une image au bas de mon forum, attachée au body, donc, et répétée horizontalement.
J'ai essayé de trifouiller un peu le CSS et ça n'a pas marché, attachant l'image juste sous l'image supérieure (voire mon CSS plus bas)

Ce que j'avais essayé :
Code:
body {
background: url('http://img442.imageshack.us/img442/1613/pierrek.png') repeat-x bottom
(le tout bien sur intégré dans mon css que voici)

Mon CSS :
Code:
/*.*\ ---FOND DE LA PAGE--- (1 image répétée en haut à l'hrizontale ; 1 bloc de terre répété partout en dessous) \*.*/
   body {
      background:url('http://img33.imageshack.us/img33/9264/fondprintempsplolo.png') repeat-x top center,
           url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat;
   }

/*.*\ ---REGLAGE DE COULEUR DES LIENS SUR LES SPOILERS--- \*.*/

        .spoiler_content {
          color: #000;
        }
        .spoiler_content a {
        color: #000;
        }

/*.*\ ---BOUTONS ET AUTRES ARRONDIS--- \*.*/

        input {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;}
        .spoiler_content a:hover {
          color: #888;
          }


Dernière édition par Gazzia29 le Lun 2 Juil 2012 - 11:17, édité 4 fois

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Bella♥ le Mar 29 Mai 2012 - 21:25

Bonjour,
Avez-vous essayez de placez le code dans le template du bas de page ?

~Cordialement~

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mer 30 Mai 2012 - 13:03

Désolé, je suis en Phpbb 3 et je ne crois pas qu'il y ait de templates dans cette version, sinon je ne les ais pas trouvées. Confused

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Jeu 31 Mai 2012 - 17:03

UP ! Smile

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 4 Juin 2012 - 19:27

Up !...

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gourmandises le Lun 4 Juin 2012 - 19:52

Bonsoir,

Code:
body {
background: url('http://img717.imageshack.us/img717/9264/fondprintempsplolo.png') repeat-x top center, url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat;
}

Dans votre code vous mettez deux adresse d'image pour un seul "background", etes vous certain que ça peut fonctionner ?
( je ne suis pas experte, mais ça me parait anormal)

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

http://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 4 Juin 2012 - 20:20

Oui, ca marche déjà très bien (du moins pour l'instant) x) Enfin ce css m'a été proposé, car je suis définitivement une nouille dans tout ce qui est Css. La première url est celle de l'image du haut du forum, répétée horizontalement, et l'autre celle répétée partout dans le reste de la page.

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mar 5 Juin 2012 - 17:48

Up...

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mer 6 Juin 2012 - 14:23

Up.

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Sam 9 Juin 2012 - 12:44

Up

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Dim 10 Juin 2012 - 9:21

Up !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mer 13 Juin 2012 - 12:55

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Ven 15 Juin 2012 - 18:24

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 18 Juin 2012 - 18:47

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mer 20 Juin 2012 - 14:07

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Jeu 21 Juin 2012 - 16:43

Up... !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Ven 22 Juin 2012 - 19:02

Bon, c'est pas que je m'impatiente, mais UP ! Evil or Very Mad Evil or Very Mad Evil or Very Mad

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Sam 23 Juin 2012 - 8:44

UP.

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Dim 24 Juin 2012 - 14:56

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Threax le Lun 25 Juin 2012 - 14:15

Bonjour,

@Gazzia29 a écrit:Bon, c'est pas que je m'impatiente, mais UP ! Evil or Very Mad Evil or Very Mad Evil or Very Mad
Ça y ressemble, pourtant cat

Je pense qu'il est plus simple de faire comme suit :
Code:
body {
    background: url("http://img33.imageshack.us/img33/9264/fondprintempsplolo.png") repeat-x scroll center top transparent;
}

.conteneur_minwidth_IE {
  background: url(http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png) repeat-x bottom center transparent;
  position:relative;
  top: 10px
}

Ainsi vous êtes sûr que le fond apparaîtra bien en pied de page, et non en "pied d'écran".

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 25 Juin 2012 - 16:55

Je m'excuse mais je cois que je ne me suis pas bien exprimé x)

JE voudrais que le forum soit positionné a peu près comme le css suivant (qui ne marche pas)

Code:
body {
            background: url("http://img33.imageshack.us/img33/9264/fondprintempsplolo.png") repeat-x scroll center top transparent,
           url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat center;
        }

        .conteneur_minwidth_IE {
          background: url('http://img442.imageshack.us/img442/1613/pierrek.png') repeat-x bottom center transparent;
          position:relative;
          top: 10px
        }
Mais, comme je l'ai dit, il ne marche pas, donnant un fond marron a la place des images du background.

Les positions des images comme il faudrait :

-fondprintempslolo.png = Image du haut, répétée selon l'axe x (fixe)
-fondprintempslolorepeat.png = Image petite répétée partout sur la page derrière toutes les autres (fixe)
-pierrek.png = Image répétée selon l'axe x tout en bas de la page (fixe)

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mar 26 Juin 2012 - 19:28

Up :S

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Mer 27 Juin 2012 - 10:08

Up.

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Ven 29 Juin 2012 - 12:09

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Dim 1 Juil 2012 - 12:25

UP !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Threax le Dim 1 Juil 2012 - 16:25

Bonjour,

En gros vous voulez ça ?


J'ai juste mis votre CSS pour obtenir ce résultat... scratch

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 2 Juil 2012 - 7:51

Exact. Bizzarrement, le résultat n'est pas le même chez moi.
A la place des 2 images du haut et milieu j'ai une couleur marron partout. Celle du bas aparait en partie, mais au tiers caché par le marron.

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 le Lun 2 Juil 2012 - 11:17

Yay ! J'ai fait un mix des css qu'on m'a donné et ceux d'avant et ca marche parfaitement ! Merci beaucoup pour votre aide !

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum