problème pour l'image de fond.

3 participants

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

Résolu problème pour l'image de fond.

Message par Billabong Jeu 15 Sep 2011 - 23:05

Là je ne comprend plus rien. J'essaie désespérément de trouver le petit bouton a coché pour mettre en mosaïque mon image mais je ne le trouve pas. Voici un screen de ce que je veux dire ;https://i.servimg.com/u/f47/11/67/47/95/sans_t10.jpg


D'habitude quand je met ce genre de photo 100*100, elle rempli quand même le fond de page au complet. Merci de votre aide. ^^


Dernière édition par Billabong le Ven 16 Sep 2011 - 1:54, édité 1 fois
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 15/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Mousse151 Jeu 15 Sep 2011 - 23:27

Bonsoir,
essayez par le css :

Code:
body {
background-image: url("URl de l'image");
background-repeat: repeat;}

Cordialement Wink

Mousse151

Mousse151
***

Messages : 172
Inscrit(e) le : 14/04/2010

http://agedeglace.superforum.fr/index.htm
Mousse151 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Billabong Ven 16 Sep 2011 - 0:04

sa ne marche pas ! :/
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 15/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Mousse151 Ven 16 Sep 2011 - 0:19

Pourriez vous mettre votre code css s'il vous plait ?
Mousse151

Mousse151
***

Messages : 172
Inscrit(e) le : 14/04/2010

http://agedeglace.superforum.fr/index.htm
Mousse151 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Renn Ven 16 Sep 2011 - 1:16

Bonjour, je suis moi aussi présentement administratrice sur ce forum, donc voici le code css.


Spoiler:
Renn

Renn
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 30/10/2010

http://strange-world.actifforum.com/
Renn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Mousse151 Ven 16 Sep 2011 - 1:44

Ok alors le soucis vient de cette ligne qu'il faut supprimer :

Code:
body {
background-repeat: no-repeat;
  background-position: none;
}

Remplacer votre code css par celui ci et ça devrait être bon Wink

Code:

        /**FOND DE PAGE**/
       
        body {background-image: url("http://obsession27.free.fr/divers/fonds/gui2.jpg");background-repeat: repeat;}
       
       
       
        /** SOULIGNEMENT EN POINTILLÉ **/
       
                u {
                border-bottom: 1px dotted black;
                text-decoration: none !important;
                }
       
       
        /**ILLUMINE**/
                all img {
                opacity: 0.8;
                }
                a:hover img {
                opacity: 10.0;
                }
             
             
             
       
        /* QEEL */
       
        .qeel {
        text-shadow: 1px 1px 1px #000000;
          font-weight: bold;
          font-family: georgia;
          font-size: 25px;
          font-weight: lighter;
          letter-spacing: 2px;
        }
       
        .surtexte {
        text-shadow: 1px 1px 1px #000000;
          font-weight: bold;
          font-family: georgia;
          font-size: 14px;
          font-weight: lighter;
          letter-spacing: 2px;
        }
       
     
        /* DESCRIPTION DES CATEGORIE */
       
        .boitehaut{
        width: 600px;
        color: #1C1B2B;
        -moz-border-radius:7px;
        background-color: #C9D7FF;
        padding-right:10px;
        padding-bottom: 3px;
        padding-top:3px;
        }
       
        .boitebas{
        color: #1C1B2B;
        -moz-border-radius:7px;
        background-color: #C9D7FF;
        padding-right:10px;
        padding-bottom: 3px;
        padding-top:3px;
        }
       
        .vignettes
        {-moz-border-radius:7px;
        background-color: #C9D7FF;
        color: #1C1B2B;
        padding-right:10px;
        padding-left:10px;
        padding-bottom: 3px;
        padding-top:3px;
        }
       
        /* TITRES DES CATEGORIE */
       
        a.forumlink:link, a.forumlink:visited {
        background-image: url("http://i32.servimg.com/u/f32/15/32/83/31/0311.png");
        font-family: georgia;
        text-transform : uppercase;
        text-align: center;
        font-size: 100%;
        border-bottom: 5px solid #ffffff;
        color: #1C1B2B;
        letter-spacing: 1px;
        display: block;
        -moz-border-radius:10px;
        }
        a.forumlink:hover, a.forumlink:hover:visited {
        background-image: url("http://i32.servimg.com/u/f32/15/32/83/31/03_511.png");
        color: #1C1B2B;
        text-align: center;
        display: block;
        border-bottom: 5px solid #couleur;
        -moz-border-radius:10px;
        }
       
        /* CODE POUR OPACITER */
       
        .pastaff {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;opacity: 0.5;
        padding:4px;
        background-color:#97ACDE;
        margin:3px;
        -moz-border-radius:10px;
        border:2px solid #FFFFFF;
        }
        .pastaff:hover {
        filter:alpha(opacity=100);
        -moz-opacity:6;opacity: 1;
        }
       
        /* BARRE DE NAVIGATION */
       
          a.mainmenu
        {
          font-family: Tahoma, serif;
          font-size: 70%;
          color: 1C1B2B;
          text-align: center;
          -moz-border-radius-bottomleft:12px;
          -moz-border-radius-bottomright:12px;
          -moz-border-radius-topleft:12px;
          -moz-border-radius-topright:12px;
          background-color:#C9D7FF;
          padding-left: 2px;
          padding-right: 2px;
          }
       
          a.mainmenu:hover
        {
          font-family: Tahoma, serif;
          font-size: 60%;
          color: 1C1B2B;
          text-align: center;
          -moz-border-radius-bottomleft:12px;
          -moz-border-radius-bottomright:12px;
          -moz-border-radius-topleft:12px;
          -moz-border-radius-topright:12px;
          background-color:#97B3CF;
          padding-left: 2px;
          padding-right: 2px;
          }
       
        /* PAGE D ACCUEIL */
       
        a:link {text-decoration: none; border: none;}
        a:visited {text-decoration: none; border: none;}
        a:hover {text-decoration: none; border: none;}
        a:active {text-decoration: none;border: none;}
        a {text-decoration: none; border: none;}
       
        .MENU {
        text-transform:normal;
        text-align:center;
        background-color: #C9D7FF;
        border-left:7px double #5D7B9E;
        border-right:7px double #5D7B9E;
        }
       
       
        .MENU:hover {
        text-align:center;
        text-transform:uppercase;
        background-color: #71A8DE;
        border-left:7px double #5D7B9E;
        border-right:7px double #5D7B9E;
       
        }
       
        .titre {
        text-align: left;
        color: #3964B0;
        font-size: 16px;
        font-family: georgia;
        font-weight:bold;
        font-style:italic;
        padding: 1px;
        margin-bottom : 2px;
        padding-left: 10px;
        border-bottom: 3px solid #FFFFFF;
        }
       
        #subnav A:link, #subnav A:visited, #subnav A:active {
       
        font-family: georgia;
        font-size: 13px;
        font-style:italic;
        text-align: center;
        padding: 2px;
        color: #8C83DE;
        background-color: transparent;
        line-height: 10px;
        display: block;
        }
       
        #subnav A:hover {
        color: #3964B0;
        background-color: #C9D7FF;
        letter-spacing: 2px;
        font-shadow: #C9D7FF 1px 1px 1px;}
       
        /* INFOBULLE STAFF */
       
        a.imginfo {
        border-bottom:0 solid #couleur;
        color:#couleur;
        position:relative;
        text-decoration:none;
        }
        a.imginfo span {
        display:none;
        }
        a.imginfo:hover {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent none repeat scroll 0 0;
        cursor:help;
        z-index: 999;
        }
        a.imginfo:hover span {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:white none repeat scroll 0 0;
        border-color:#couleur;
        border-style:solid;
        border-width:3px 3px 5px 5px;
        display:inline;
        left:20px;
        padding:3px;
        position:absolute;
        top:15px;
        white-space:nowrap;
        }
       
        /* TEXTE */
                a:hover{
                text-decoration: none !important;
                }
             
                a {
                text-decoration: none !important;
                }
             
                a:link {
                text-decoration: none;
                }
             
        a:visited {
                text-decoration: none;
                }
       
        a:hover{
        letter-spacing : 1px; }
       
        a {
        text-shadow: 1px 1px 1px #364E57;
        }
       
        .forumline, td.row1, td.row2, td.row3 {
              -moz-border-radius: 2px;
        }
       
        a {border-bottom: 1px #000000 dotted;}
       
        .description
        {
        background#1C1B2B;
        color:green;
        padding:8px;
        -moz-border-radius:4px;
        font-size:10px;
        font-weight:bold;
        }
       
        .forumline{
        border: 2px #1C1B2Bdashed;
        }
       
        a { text-decoration: none; }
        a:hover{text-transform:uppercase;}
       
        a:hover {
        cursor: ne-resize;
        }
       
       
       
        a.forumlink{
        -moz-border-radius: 10px 10px 10px 10px;
        border-bottom: 10px double;
        display:block;
        text-align: right;
        }
       
        .postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        border: 5px solid #1C1B2B;
        }
       
        .bodyline{
            border: 5px solid #1C1B2B;
            -moz-border-radius:20px;
            }
       
       
        /* Cadre du profil */
        .postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:8px;
        -moz-border-radius-bottomright:8px;
        -moz-border-radius-topleft:8px;
        -moz-border-radius-topright:8px;
        border: 5px solid #1C1B2B;
        }
       
        /**DESCRIPTION DES CATÉGORIES**/
                .descript {
                background-color: #E0E9FC ;
                border: 3px #5D7B9E solid;
                -moz-border-radius-topleft: 20px;
                -moz-border-radius-topright: 0px;
                -moz-border-radius-bottomright: 20px;
                -moz-border-radius-bottomleft: 0px;
                -webkit-border-radius-topleft: 20px;
                -webkit-border-radius-topright: 0px;
                -webkit-border-radius-bottomright: 20px;
                -webkit-border-radius-bottomleft: 0px;
                }
       
        /**COULEUR DES MESSAGES**/
                        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
Mousse151

Mousse151
***

Messages : 172
Inscrit(e) le : 14/04/2010

http://agedeglace.superforum.fr/index.htm
Mousse151 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Billabong Ven 16 Sep 2011 - 1:54

merci sa marche ! Very Happy
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 15/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour l'image de fond.

Message par Renn Ven 16 Sep 2011 - 2:03

Merci beaucoup ^^
Renn

Renn
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 30/10/2010

http://strange-world.actifforum.com/
Renn a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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